| 网站首页 | 平板电脑 | 台式电脑 | 笔记本电脑 | 电脑故障 | 电脑系统 | 电脑软件 | 电脑游戏 | 电脑主题 | 电脑编程 | 电脑术语 | 电脑知识 | 智能手机 | 
最新公告:     电脑指南网指引你如何选购平板电脑,笔记本电脑,电脑出现故障怎么办,教你怎么重装系统,电脑要怎么安装应用软件和更换主题等,电脑知识尽在电脑指南网!!  [admin  2014-11-10]            各位电脑学者!最新最全的电脑知识尽在--电脑教程网!! 学习电脑时有不懂的,您可以收藏本网站天天浏览电脑教程网学习!!  [电脑教程  2013-12-01]        
电脑网 电脑网
电脑网 您现在的位置: 电脑指南网 >> 电脑编程 >> 编程语言 >> JavaScript语言 >> 正文
电脑网 电脑编程专题 电脑网
电脑网 更多内容 电脑网
电脑网 JavaScript语言最新更新 电脑网
推荐文章 javascript的执行顺序热点文章
普通文章 JavaScript操作字符串怎么用热点文章
推荐文章 JavaScript编程语言的编码规范
推荐文章 Javascript随鼠标的彩色字符特效热点文章
普通文章 JavaScript的特点热点文章
推荐文章 javascript的调试方法
普通文章 javascript的教程:怎么编写java热点文章
推荐文章 Opera浏览器中的javascript语言关
普通文章 怎么学习Javascript的热点文章
推荐文章 javascript对象的引用与赋值
电脑网 更多内容 电脑网
电脑网 栏目导航 电脑网
编程语言
java语言 | C语言 | JavaScript语言
PHP语言
网页编程
脚本编程
数据库
电脑网 更多内容 电脑网
电脑网 电脑软件 电脑网
普通文章 百度云os设置在状态栏显示网速的
普通文章 百度云加速怎么刷新网站缓存
普通文章 用百度云下载BT文件怎么下载
普通文章 百度云观测如何使用
普通文章 百度云管家下载文件失败
普通文章 百度云系统如何裁剪歌曲做铃声
推荐文章 百度云如何给分享文件设置密码
推荐文章 百度浏览器怎么添加百度云收藏
电脑网 更多内容 电脑网
电脑网 电脑游戏 电脑网
普通文章 剑灵激活码怎么弄
普通文章 剑灵伙伴是怎样搭配命格的
普通文章 剑灵形象保存及捏脸数据怎么导入
普通文章 指令大全 剑灵怎么跳舞
普通文章 剑灵的客户端(剑灵最新的安装包
普通文章 如何具体兑换剑士秘典二篇秘籍修
普通文章 剑灵怎么升到45级洪门一星
普通文章 洪门秘籍 剑灵如何补刀
电脑网 更多内容 电脑网
电脑网 电脑故障 电脑网
普通文章 u大师制作u盘启动盘操作失败提示
普通文章 鼠标被禁用了怎么办
普通文章 笔记本电脑不能正常关机怎么回事
推荐文章 插两根内存开不了机无法进入系统热点文章
推荐文章 内存条金手指烧毁了怎么修复热点文章
推荐文章 “0x7c84c3e3”指令引用的“0x6e热点文章
推荐文章 电脑每次开机都要重新插拔内存条热点文章
推荐文章 开机提示memory size decreased错热点文章
电脑网 更多内容 电脑网
电脑网 javascript的执行顺序

javascript的执行顺序

作者:pc.zx98.com 来源:互联网 标签:JavaScript教程 点击数:      ★★★★
 

javascript的执行顺序

javascript执行顺序

之前从javascript引擎的解析机制来探索javascript的工作原理,下面我们以更形象的示例来说明javascript代码在页面中的执行顺序。如果说,javascript引擎的工作机制比较深奥是因为它属于底层行为,那么javascript代码执行顺序就比较形象了,因为我们可以直观感觉到这种执行顺序,当然javascript代码的执行顺序是比较复杂的,所以在深入javascript语言之前也有必要对其进行剖析。

1.1  按html文档流顺序执行javascript代码

首先,读者应该清楚,html文档在浏览器中的解析过程是这样的:浏览器是按着文档流从上到下逐步解析页面结构和信息的。javascript代码作为嵌入的脚本应该也算做html文档的组成部分,所以javascript代码在装载时的执行顺序也是根据脚本标签<script>的出现顺序来确定的。例如,浏览下面文档页面,你会看到代码是从上到下逐步被解析的。

<script>

alert("顶部脚本");

</script>

<html><head>

<script>

alert("头部脚本");

</script>

<title></title>

</head>

<body>

<script>

alert("页面脚本");

</script>

</body></html>

<script>

alert("底部脚本");

</script>

如果通过脚本标签<script>的src属性导入外部javascript文件脚本,那么它也将按照其语句出现的顺序来执行,而且执行过程是文档装载的一部分。不会因为是外部javascript文件而延期执行。Pc.zx98.com例如,把上面文档中的头部和主体区域的脚本移到外部javascript文件中,然后通过src属性导入。继续预览页面文档,你会看到相同的执行顺序。

<script>

alert("顶部脚本");

</script>

<html>

<head>

<script src="head.js"></script>

<title></title>

</head>

<body>

<script src="body.js"></script>

</body>

</html>

<script>

alert("底部脚本");

</script>

1.2  预编译与执行顺序的关系

在javascript中,function才是javascript的第一型。当我们写下一段函数时,其实不过是建立了一个function类型的实体。

就像我们可以写成这样的形式一样:

functionhello() {

alert("hello");

}

hello();

varhello = function() {

alert("hello");

}

hello();

其实都是一样的。

但是当我们对其中的函数进行修改时,会发现很奇怪的问题。

   <scripttype="text/javascript">

        functionhello() {

            alert("hello");

        }

        hello();

        functionhello() {

            alert("hello world");

        }

        hello();

    </script>

我们会看到这样的结果:连续输出了两次hello world。而非我们想象中的hello和hello world。

这是因为javascript并非完全的按顺序解释执行,而是在解释之前会对javascript进行一次“预编译”,在预编译的过程中,会把定义式的函数优先执行,也会把所有va

[1] [2] [3] [4] [5] 下一页


 

更多关注:JavaScript教程

JavaScript语言栏目电脑编程频道返回首页
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 电脑网 JavaScript语言相关文章 更多内容 电脑网
    [JavaScript语言]JavaScript操作字符串怎么用
    [JavaScript语言]JavaScript编程语言的编码规范
    [JavaScript语言]Javascript随鼠标的彩色字符特效怎么编
    [JavaScript语言]JavaScript的特点
    [JavaScript语言]javascript的调试方法
    [JavaScript语言]javascript的教程:怎么编写javascript
    [JavaScript语言]Opera浏览器中的javascript语言关闭方法
    [JavaScript语言]怎么学习Javascript的
    [JavaScript语言]javascript对象的引用与赋值
    [JavaScript语言]JavaScript是怎么编写的
    电脑网 电脑网 电脑网

    Javascript随鼠标的彩

    javascript的调试方法

    Opera浏览器中的javas

    javaScript初学经验教
    图片 JavaScript语言最新推荐 更多>> 图片
     [JavaScript语言]javascript的执行顺序
     [JavaScript语言]JavaScript编程语言的编码规范
     [JavaScript语言]Javascript随鼠标的彩色字符特
     [JavaScript语言]javascript的调试方法
     [JavaScript语言]Opera浏览器中的javascript语言
     [JavaScript语言]javascript对象的引用与赋值
     [JavaScript语言]javaScript初学经验教程
     [JavaScript语言]用JavaScript语言怎么检测浏览
    图片 图片
    图片 电脑编程推荐 更多>> 图片
    推荐文章 [数据库]SQL数据库怎么导入导出数据热点文章
    推荐文章 [C语言]怎么用C语言编写一个程序向爱的人热点文章
    推荐文章 [编程语言]编程语言有哪些热点文章
    推荐文章 [数据库]开启SQL数据库服务的方法热点文章
    推荐文章 [网页编程]php语言的特点热点文章
    推荐文章 [编程语言]现在学哪种编程语言比较有前途热点文章
    推荐文章 [数据库]visio画数据库模型图怎么用热点文章
    推荐文章 [编程语言]哪种编程语言最好学热点文章
    推荐文章 [java语言]Java Web项目更改项目名后报错怎热点文章
    推荐文章 [脚本编程]Linux系统编怎么写shell脚本热点文章
    图片 图片

    裴紫绮美女模特电脑主

    气质美女免费电脑主题

    杉原杏璃电脑桌面壁纸

    美女桌面清新白裙壁纸
     网友评论: 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

    | 本站简介 | 加入收藏 | 联系站长 | 本站友链 | 申请友链 | 版权申明 | 返回首页 |

    声明:文章部分来源网络,转载请标明出处!
    网站备案号:粤ICP备12041130号
    您身边的最好的电脑指南网!
    网站站长:QQ:1141452800