码迷,mamicode.com
首页 > 编程语言 > 详细

第二章 在HTML中使用JavaScript

时间:2018-11-17 17:51:10      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:frame   位置   解析   tran   嵌入   框架   w3c   osc   body   

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

标签:frame   位置   解析   tran   嵌入   框架   w3c   osc   body   

原文地址:https://www.cnblogs.com/houlaidelu/p/9974737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!