js学习笔记_js学习笔记博客-CSDN博客

本文链接：https://blog.csdn.net/jazzysnail/article/details/48519549

概述

此博客为记录学习js笔记的博客，自己觉得怕忘记有必要记在这里的都会更新在这里~ :-)

笔记

[2015-9-17]

script标签的两个重要属性（async和defer）：

1.异步脚本

async：异步加载脚本和页面内容，表示立即加载该外部文件而不影响其他文件和代码加载。

这是一个例子:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>text</title>
 7     <script type="text/javascript" async src="js/text1.js"></script>
 8     <script type="text/javascript" async src="js/text2.js"></script>
 9 </head>
10 
11 <body>
12     <!-- 这里是内容！ -->
13 </body>
14 
15 </html>

两个脚本的加载执行互不依赖且不影响页面加载，因此异步脚本最好不要操作DOM。

2.延迟脚本

defer：延迟执行脚本，表示该脚本只能在文档完全被解析之后再执行。

这是一个例子：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>text</title>
 7     <script type="text/javascript" defer="defer" src="js/text1.js"></script>
 8     <script type="text/javascript" defer="defer" src="js/text2.js"></script>
 9 </head>
10 
11 <body>
12     <!-- 这里是内容！ -->
13 </body>
14 
15 </html>

这两个脚本会立即下载，但是要等到浏览器解析遇到</html>标签之后再执行。h5规范要求按照先后顺序执行，但现实是并不一定按照一定顺序执行，所以页面最好只包含一个延迟脚本。

boolean()函数的使用：

这里是一个转换规则表格：

数据类型	转换为true的值	转换为false的值
boolean	true	false
string	任何非空字符串	""空字符串
Number	任何非零数值（包括无穷大）	0和NAN
Object	任何对象	null
Undefined	N/A	undefined