js高级教程阅读笔记 第二章-在HTML中使用JavaScript
来源:互联网 发布:html5app软件代码 编辑:程序博客网 时间:2024/05/17 15:56
本章核心
使用<script>
元素
嵌入脚本和外部脚本
文档模式对javascript的影响
禁用javascript的场景
script元素
详细的资料
PS:加载的顺序是从上之下的/但是不能嵌套使用/可以加载外部域的js文件
标签的位置一般在body的内容后面,因为如果放在head部分,页面会先加载head,如果js很多的话,会影响加载速度。
当然可以使用script的defer属性来进行延迟,这个属性的作用就是,即使你把script放在head,它也会在页面加载完成后加载js脚本,但是者必须是脚本来自外部文件。
如果你想改变js本来的加载顺序,可以使用async的属性。这是用来执行异步脚本的。它会在load事件之前完成。
如此:是否是用async的区别如下:
| 是否使用async| |执行的顺序|
| 是 | |在页面解析时执行|
| 否 | |在页面解析前执行|
在xhtml中的用法
xhtml是比html更加严格的书写格式
例如在html可以直接使用<(小于符号),html采用特殊的规则可以解析。但是在xhtml中会把<看成是标签的开始。可以使用下面两种方法进行替代:
- 一种是使用html实体:&It
- 二是采用CDATA片段,这个片段作为一个特殊区可以用来识别一些特殊格式,形如下面:
<script type="text/javascript"><![CDATA[//这里的>或者<可以直接使用if(a>b){return a;}}]]></script>
但是很多浏览器不支持cdata片段,可以采用js的注释,把cdata部分注视掉,这样所有的浏览器都支持这样的方式:
<script type="text/javascript">//<![CDATA[ if(a>b){ return a; } }//]]></script>
使用外部文件的优势
- 可维护
- 可缓存
- 适应未来
文档模式
- 分类
- 混杂模式
- 标准模式
文档模式本来是影响css内容呈现的,但是也会影响js的加载
阅读全文
0 0
- js高级教程阅读笔记 第二章-在HTML中使用JavaScript
- JavaScript高级程序设计 第二章 --- 在HTML中使用JavaScript
- JavaScript高级程序设计 第二章 在HTML中使用javascript
- JavaScript高级程序设计学习笔记——第二章在HTML中使用JavaScript
- javascript高级程序设计学习笔记——第二章 在HTML中使用javascript
- 笔记--第二章(在HTML中使用JavaScript)
- javascript高级编程3第二章:在html中使用javascript
- JavaScript高级程序设计学习笔记一在HTML中使用JS
- JavaScript高级程序设计笔记(2)_在HTML中使用js
- 第二章:在HTML中使用JavaScript
- 第二章:在HTML中使用Javascript
- 第二章:在HTML中使用JavaScript
- 第二章 在HTML中使用JavaScript
- JavaScript高级程序设计(第二版)读书笔记(一)-在HTML中使用JavaScript
- js笔记1之在html中使用JavaScript
- 第二章(在HTML中使用JavaScript)
- 在HTML中使用Javascript (第二章)
- 《JavaScript高级程序设计》笔记系列1-- 在 HTML 中使用 JavaScript
- JS改变input的value值不触发onchange事件解决方案
- 玩转树莓派之在树莓派Jessie系统中安装ROS
- Android数据存储-DB(SQLite)
- 欢迎使用CSDN-markdown编辑器
- Codeforces Round #426 (Div. 2) A B C The Meaningless Game
- js高级教程阅读笔记 第二章-在HTML中使用JavaScript
- android子线程怎样向主线程传递集合
- Ceres-Solver学习笔记(9)
- 如何把SQLServer数据库从高版本降级到低版本?
- 第一章:Python数据分析前的基础铺垫
- ES6中的Set和Map集合
- PHP中的数据类型
- Android无线蓝牙开发总结
- 用广搜搜索三维数组中的最短路问题