第二章 在HTML中使用JavaScript
- 认识再html中<script>标签里的6个属性。
在<script>标签里主要有6个属性,简单介绍一下:
async: 异步脚本。正常的网页加载是浏览器在下载HTML网页,解析的过程中发现<script>标签然后就会停止解析,将主权交给JavaScript引擎。当<script>引用了外部脚本以后就下载该脚本。搞定了才往下走。而async就指明是否立即下载脚本,当然只对外部脚本有效。但要注意的是,两个以上的标签都async的话,不保证前面的标签先走。
charset: 在html中meta会定义utf-8的编码,但当外部脚本文件中的字符编码与主文件中编码不同时候就会用到该属性。解决一些编码问题。
defer: 延迟脚本。脚本会延迟到整个页面解析完。和async有点像,区别就是:两个以上的标签都defer的话,前面的标签先走。
language: 已废弃。大部分浏览器会忽略。
src:路径嘛~ 要注意的一点是保证外部js访问的安全性,保证域的所有权或它要值得信赖
type:首先要知道MIME类型,简单来说它是用来表述消息内容类型的因特网标准,有些东西要指定的程序打开。它告诉你是哪种类型。在默认情况下,也是平常情况。JavaScript的MIME类型就是text/javascript。当指定为application/xhtml+xml的时候会出发XHTML模式。它更严格啦~有些代码就会无效。
- 文档模式的引入
文档模式主要有两种,标准模式和混杂模式,后来IE又提出了准标准模式。它会影响CSS内容的呈现。部分会影响JavaScript的执行。
1.标准模式3种,大家都可以
<!-- HTML 4.01 严格型 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!-- HTML 5 -->
<!DOCTYPE html>
<!-- XHTML 1.0 严格型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2.准标准模式 (也叫框架集型),过渡型,IE搞的。
<!-- HTML 4.01 过渡型 -->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- HTML 4.01 框架集型 -->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!-- XHTML 1.0 过渡型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- XHTML 1.0 框架集型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- <noscript>标签指定在不支持的浏览器中使用
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="example1.js"></script>
<script type="text/javascript" defer="defer" src="example2.js"></script>
</head>
<body>
<noscript>
<p>本页面需要浏览器支持(启用)JavaScript。
</noscript>
</body>
</html>
_(:°з」∠)_