JS自学(一)--javaScript高级程序设计(第三版)----人民邮电出版社
2014-06-03 17:31
330 查看
1、一个完整的JavaScript实现应该由三部分组成:
核心(ECMAScript):语法、类型、语句、关键字、保留字、操作符、对象
文档对象模型(DOM):文档对象模型是针对XML但经过扩展用于HTML的应用程序编程接口。
DOM由两个模块组成:DOM核心(DOM Core)和DOM HTML。其中DOM和核心规定的是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。
DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。
浏览器对象模型(BOM):开发人员使用BOM可以控制浏览器显示的页面以外的部分。
2、<script>元素:
async(异步脚本):表示应该立即下载脚本,但不应该妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本有效。标记为async的脚本并不保证按照指定它们的先后顺序执行。
charset:表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值。因此这个属性很少用。
defer(延迟脚本):表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。脚本会被延迟到整个页面都解析完毕后再运行。在<script>元素中设置defer属性,相当于告诉浏览器立即下载,但延迟执行。
language:已废弃。原来用于表示编写代码使用的脚本语言。
src:表示包含要执行代码的外部文件。带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的javaScript代码。如果包含了嵌入的代码,则只会下载并 执行外部脚本文件,嵌入的代码会被忽略。
type:可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型)
本地调用js文件
html:
js:
核心(ECMAScript):语法、类型、语句、关键字、保留字、操作符、对象
文档对象模型(DOM):文档对象模型是针对XML但经过扩展用于HTML的应用程序编程接口。
DOM由两个模块组成:DOM核心(DOM Core)和DOM HTML。其中DOM和核心规定的是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。
DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。
浏览器对象模型(BOM):开发人员使用BOM可以控制浏览器显示的页面以外的部分。
2、<script>元素:
async(异步脚本):表示应该立即下载脚本,但不应该妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本有效。标记为async的脚本并不保证按照指定它们的先后顺序执行。
charset:表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值。因此这个属性很少用。
defer(延迟脚本):表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。脚本会被延迟到整个页面都解析完毕后再运行。在<script>元素中设置defer属性,相当于告诉浏览器立即下载,但延迟执行。
language:已废弃。原来用于表示编写代码使用的脚本语言。
src:表示包含要执行代码的外部文件。带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的javaScript代码。如果包含了嵌入的代码,则只会下载并 执行外部脚本文件,嵌入的代码会被忽略。
type:可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型)
<script type="text/javascript"> function sayHi(){ alert("HI"); } </script> <button type="button" onclick="sayHi()">点击这里</button>
本地调用js文件
html:
<!DOCTYPE html> <html> <head> <title>Example HTML Page</title> </head> <body> <script type="text/javascript" src="test.js"></script> </body> </html>
js:
function sayHi(){ alert("hi~"); } sayHi();
相关文章推荐
- JS高级程序设计第三版——JavaScript简介
- JS高级程序设计第三版——在HTML中使用JavaScript
- JavaScript高级程序设计 阅读笔记(十九) js表格排序
- JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
- JavaScript高级程序设计(第3版)学习笔记5 js语句
- JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
- JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
- JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
- JavaScript高级程序设计(第3版)学习笔记11 内建js对象
- JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
- JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
- JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
- JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
- JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
- JavaScript高级程序设计 学习笔记 js高级技巧
- JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
- JavaScript高级程序设计 阅读笔记(十七) js事件
- JavaScript高级程序设计 阅读笔记(二十) js错误处理
- JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
- JavaScript高级程序设计(第3版)学习笔记2 js基础语法