第二章 在HTML中使用JavaScript

Posted houlaidelu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第二章 在HTML中使用JavaScript相关的知识，希望对你有一定的参考价值。

2.1 <script> 元素

向html中插入javascript的主要方法就是使用 <script> 标签   

<script>
  //  嵌入式
</script>
 
<!--  引用外部  -->
<script src="#"> </script>

 它有以下的属性：

  • async ： 可选 表示应该立刻下载此脚本 但不能妨碍页面其他操作  只对外部脚本有效
  • charset：可选  表示通过src 属性指定 代码的 字符集   
  • defer： 可选  表示 脚本可以等到文档完全别解析显示后再执行
  • src：可选  表示包含要执行代码的外部文件
  • type： 可选   表示编辑代码使用的脚本语言的内容类型    一般都用 text/javascript

在带有 src 属性的<script>标签内 的 JavaScript代码将不能被执行 只会下载外部的脚本文件

只要不存在defer 或者async 属性  浏览器只会安装 先后顺序  进行解析 

    2.1.1  标签的位置 

一般都放在 <head> 元素里   这样会降低body的解析速度 ， 现代的 一般放在 body 后面  

<!--   head 里先解析 JavaScript 在解析 body 页面 -->
<html>
  <head>
    <title> 6 </title>
    <script src="#">  </script>
  </head>
  <body>
      
<!--   body 下面先解析body 页面 在解析 JavaScript脚本 -->
<script src="#">  </script>
</body> </html>

 

2.2 嵌入代码 与外部文件     

           最好使用 外部文件     优点： 可维护性    可缓存    适应未来

2.3 文档模式

IE  有文档模式的概念 。 有 混杂模式 和 标准模式   ， 后来又提出了 准标准模式 

开启 标准模式
<!-- HTML 4.01 严格型 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
或
<!-- XHTML 1.0 严格型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
或
<!-- HTML 5 -->
<!DOCTYPE html>

开启准标准模式：
使用过渡型文档来触发

<!-- HTML 4.01 过渡型 -->
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!-- XHTML 1.0 过渡型 -->
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

2.4  <noscript>  元素     

以下时候<noscript>  起作用

  • 浏览器不支持脚本
  • 浏览器支持 但禁用 时
<html>
 <head>  
    <title> ddd </title>
 </head>
 <body>
    <noscript>
       <div>  你的浏览器 不支持 JavaScript  </div>
    </noscript>
  </body>
</html>

以上是关于第二章 在HTML中使用JavaScript的主要内容，如果未能解决你的问题，请参考以下文章

读书笔记 - javascript 高级程序设计 - 第二章 在Html中使用JavaScript

[HTML5] Add an SVG Image to a Webpage and Get a Reference to the Internal Elements in JavaScript(代码片

JavaScript高级程序设计（第3版）| 学习笔记: 在HTML中使用JavaScript

第二章 在HTML中使用Javascript --《Javascript高级程序设计》

第二章 在HTML中使用JavaScript

第二章=》在HTML中使用JavaScript