"红砖"JS高程笔记P1
来源:互联网 发布:电脑版的健身软件 编辑:程序博客网 时间:2024/04/28 22:11
我们常见的Web只是ECMAScript实现可能的宿主环境之一.宿主环境不仅提供基本的ECMAScript实现,同时提供该语言的扩展(如DOM/Node).
DOM文档对象模型是针对XML但经过扩展用于HTML的应用程序编程接口;DOM把整个页面映射为一个多层节点结构.
DOM1级由两个模块组成:DOM核心(DOM Core) 和 DOM HTML.
DOM核心规定的是如何映射基于XML文档结构以便简化对文档中任意部分的访问和操作.
DOM HTML模块在DOM核心基础上扩展和添加针对HTML的对象和方法.
DOM2级引入新模块: 1.DOM视图 2.DOM样式 3.DOM事件 4.DOM遍历和范围.
DOM3级引入以统一方式加载和保存文档的方法.
<script>常用属性:
1.async : 可选,表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本.只对外部脚本文件有效.
2.defer : 可选,表示脚本可以延迟到文档完全被解析和显示之后再执行.只对外部脚本有效.
3.src : 可选,表示包含要执行代码的外部文件.
4.type : 可选,实际上服务器在传送JS文件时使用的MIME类型通常是application/x-Javascript,但在type中设置会导致脚本被忽略,常用的text/javascript已不荐使用.
使用<script>两种方式:内嵌与外联JS文件.
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>
<script type="text/javascript" src="example.js"></script>
在解释器对<script>元素内部(外部)的代码解析(包括外部下载)完毕以前,页面中的其余内容都不会被浏览器加载或显示.
包含在<script>元素内部的JS代码将从上至下执行.
如果是外联JS文件,那么src属性是必须的,该属性值指向外部JS文件的链接.
带有src属性的<script>元素不应该在其<script>标签内再包含额外JS代码,如果包含则嵌入代码会被忽略.
无论是外联还是内嵌,只要不存在defer和async属性,浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析.
通过<script>元素的src属性还可以包含来自外部域的JS文件,即它的src属性可以指向当前HTML页面所在域之外的某个域中的资源(跨域).
<script type="text/javascript" src="http://www.somewhere.com/afile.js"></script>
延迟脚本
有defer属性的JS文件会立即下载,到当整个页面都解析完毕后才执行.
HTML5规范要求脚本按照出现的先后顺序执行,而脚本先于DOMContentLoaded事件执行.
把延迟脚本放在页面底部是最佳选择.
异步脚本
指定async属性的目的是不让页面等待脚本下载和执行,即不保证按照指定它们的顺序执行,为此,建议异步脚本不要在加载期间修改DOM.
DOM文档对象模型是针对XML但经过扩展用于HTML的应用程序编程接口;DOM把整个页面映射为一个多层节点结构.
DOM1级由两个模块组成:DOM核心(DOM Core) 和 DOM HTML.
DOM核心规定的是如何映射基于XML文档结构以便简化对文档中任意部分的访问和操作.
DOM HTML模块在DOM核心基础上扩展和添加针对HTML的对象和方法.
DOM2级引入新模块: 1.DOM视图 2.DOM样式 3.DOM事件 4.DOM遍历和范围.
DOM3级引入以统一方式加载和保存文档的方法.
<script>常用属性:
1.async : 可选,表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本.只对外部脚本文件有效.
2.defer : 可选,表示脚本可以延迟到文档完全被解析和显示之后再执行.只对外部脚本有效.
3.src : 可选,表示包含要执行代码的外部文件.
4.type : 可选,实际上服务器在传送JS文件时使用的MIME类型通常是application/x-Javascript,但在type中设置会导致脚本被忽略,常用的text/javascript已不荐使用.
使用<script>两种方式:内嵌与外联JS文件.
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>
<script type="text/javascript" src="example.js"></script>
在解释器对<script>元素内部(外部)的代码解析(包括外部下载)完毕以前,页面中的其余内容都不会被浏览器加载或显示.
包含在<script>元素内部的JS代码将从上至下执行.
如果是外联JS文件,那么src属性是必须的,该属性值指向外部JS文件的链接.
带有src属性的<script>元素不应该在其<script>标签内再包含额外JS代码,如果包含则嵌入代码会被忽略.
无论是外联还是内嵌,只要不存在defer和async属性,浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析.
通过<script>元素的src属性还可以包含来自外部域的JS文件,即它的src属性可以指向当前HTML页面所在域之外的某个域中的资源(跨域).
<script type="text/javascript" src="http://www.somewhere.com/afile.js"></script>
延迟脚本
有defer属性的JS文件会立即下载,到当整个页面都解析完毕后才执行.
HTML5规范要求脚本按照出现的先后顺序执行,而脚本先于DOMContentLoaded事件执行.
把延迟脚本放在页面底部是最佳选择.
异步脚本
指定async属性的目的是不让页面等待脚本下载和执行,即不保证按照指定它们的顺序执行,为此,建议异步脚本不要在加载期间修改DOM.
阅读全文
0 0
- "红砖"JS高程笔记P1
- "红砖"JS高程笔记P2
- "红砖"JS高程笔记P3
- "红砖"JS高程笔记P4
- "红砖"JS高程笔记P5
- js高程3笔记
- js高程笔记(3.5)
- js高程笔记
- js高程笔记(3.7)
- 关于JS高程的笔记(一到三章)
- JS高程三第四章笔记
- js高程-前3章笔记
- 【学习笔记十】- 使用<canvas>绘图 《js高程》15 笔记
- javascirpt如何模仿块级作用域(js高程笔记)
- 查询url包含的字符串参数(js高程笔记)
- js高程笔记(变量、作用域及内存问题)
- JS高程三第二章一二天笔记
- JS高程学习笔记——事件处理程序
- 微信网页授权snsapi_base,snsapi_userinfo区别和实现
- java 初始化
- Mysql学习笔记(二)——查询性能优化(一)
- 安装matplotlib过程总结
- Golang中interface{}作为函数参数和函数返回值的使用
- "红砖"JS高程笔记P1
- vue资料合集
- 解决warning: Ignoring InnerClasses attribute for an anonymous inner class
- jps后发现namenode 没有启动
- http://blog.csdn.net/lonsegdi/article/details/46333425
- leetCode 123. Best Time to Buy and Sell Stock III
- linux命令
- (总结)Oracle 11g常用管理命令(用户、表空间、权限)
- PD4ML Cookbook PDF and True Type fonts(2)