js学习笔记——js脚本如何解释和执行
2013-03-24 10:22
253 查看
js代码整合到html文件的时候,到底是如何解释执行的,下面总结几种情况:
1、<script></script>标记嵌入
(1)不带defer属性的js语块按出现的顺序执行,否则IE会打乱执行;
(2)任何不带defer属性的<script>元素都可以调用document.write()方法,传递给这个方法的文本被插入到文档中脚本所在的位置;
(3)document.write()常在body中被调用,head中少见;
2、onload事件句柄
(1)文档解析之后,所有的脚本都运行;浏览器再启动onload事件,
(2)当注册多个onload句柄的时候,浏览器调用所有的句柄,但不保证顺序;
(3)由于onload事件句柄在文档全部解析之后调用,所以不要调用document.write(),任何这样的操作都重新打开一个新的文档并且覆盖掉当前文档;
3、事件句柄和javascript url属于异步执行;即用户点击时触发;
4、onunload事件句柄
(1)当用户离开web页面时,浏览器触发onunload事件,给该页面上的js最后一次运行机会;
(2)可以通过设置<body>标记的onunload属性定义一个onunload句柄;
(3)如果应用程序打开一个浏览器窗口,当用户离开主页的时候,onunload句柄提供一个机会关闭该窗口;
(4)onunload句柄不应该运行任何耗费时间的操作,也不应该弹出一个对话框,
1、<script></script>标记嵌入
(1)不带defer属性的js语块按出现的顺序执行,否则IE会打乱执行;
(2)任何不带defer属性的<script>元素都可以调用document.write()方法,传递给这个方法的文本被插入到文档中脚本所在的位置;
(3)document.write()常在body中被调用,head中少见;
2、onload事件句柄
(1)文档解析之后,所有的脚本都运行;浏览器再启动onload事件,
(2)当注册多个onload句柄的时候,浏览器调用所有的句柄,但不保证顺序;
(3)由于onload事件句柄在文档全部解析之后调用,所以不要调用document.write(),任何这样的操作都重新打开一个新的文档并且覆盖掉当前文档;
3、事件句柄和javascript url属于异步执行;即用户点击时触发;
4、onunload事件句柄
(1)当用户离开web页面时,浏览器触发onunload事件,给该页面上的js最后一次运行机会;
(2)可以通过设置<body>标记的onunload属性定义一个onunload句柄;
(3)如果应用程序打开一个浏览器窗口,当用户离开主页的时候,onunload句柄提供一个机会关闭该窗口;
(4)onunload句柄不应该运行任何耗费时间的操作,也不应该弹出一个对话框,
相关文章推荐
- 【Linux学习笔记】Linux主机如何实现无需输入密码的远程登录或脚本远程执行
- AngularJs中,如何在ng-repeat完成之后,执行Js脚本
- 关于继承构造函数执行顺序、override及new如何执行的学习笔记
- AWS学习笔记(四)--CLI创建EC2时执行脚本
- Js脚本之jQuery学习笔记(4)
- JS学习笔记 – 分析 JavaScript的执行顺序
- JAVA学习笔记(二) java如何让计算机知道并执行我们想做的事
- python学习笔记:在python文件中如何调用其它python脚本文件
- Linux基础学习笔记之给脚本添加执行权限
- 轻松学习Linux之如何创建可执行脚本
- javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数
- JS学习笔记(五):关于$(function(){});里面的函数不执行问题
- Js脚本之jQuery学习笔记(1)
- unity 4.6新UI系统学习笔记 如何通过脚本访问并修改Text组件
- 轻松学习Linux之如何创建可执行脚本
- linux 学习笔记 执行脚本篇章
- JS学习笔记——如何在正则表达式中控制捕获
- 【js学习笔记-074】---------同步、异步和延迟脚本
- 【学习笔记】Cocos2d-JS 如何创建精灵?(一)
- linux内核学习初笔记(3)u-boot执行第二阶段typedef int (init_fnc_t) (void)解释