第二章在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>

转载于:https://www.cnblogs.com/houlaidelu/p/9974737.html

第二章在HTML中使用JavaScript相关推荐

攻下《JavaScript高级程序设计》——第二章在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
《avascript 高级程序设计（第三版）》 ---第二章在HTML中使用Javascript
本章主要讲解了,怎么在HTML中使用: 1.<script src=""></script> 属性:defer="defer" 表示脚本 ...
【前端】第二章 HTML、CSS、JavaScript、DOM和JSON
第二章 HTML.CSS.JavaScript.DOM和JSON 文章目录第二章 HTML.CSS.JavaScript.DOM和JSON 一.HTML 1.表单 2.小票 3.注册页面 4.音视频 ...
《JavaScript权威指南第7版》第15章 Web浏览器中的JavaScript 15.1 15.2 15.3
第15章 Web浏览器中的JavaScript 15.1 网络编程基础 15.1.1 HTML script 标签中的JavaScript 模块指定脚本类型脚本运行时:异步和延迟按需加载脚本 1 ...
第二章 Flask——Flask中的request
第二章 Flask--Flask中的request 一.request.method 二.request.form 三.request.args 四.request.values 五.request. ...
《风尚坐火箭学习vue》-- 第二章：页面中输出hello Vue
前言:前端框架千千万,独有vue占一半我是风尚,让我们一起坐火箭去学习Vue 图片来自vue官网第二章:hello Vue 上章回顾:风尚内心答应了跟白发老头学习vue 风尚内心答应了跟白发老头学 ...
【数字信号处理】第二章、时域中的离散时间信号
前言学而时习之,不亦乐乎? --<论语·学而> Is it not pleasant to learn with a constant perseverance and applicat ...
管理系统中计算机应用第二章答案,管理系统中计算机应用第二章习题及答案.pdf...
第二章应用信息系统一.单项选择题: 1.根据系统目的及环境许可,将所需的原始数据输入系统的功能是 ()2-54 A.信息存储 B.信息控制 C.信息处理 D.信息采集答案:D 解析:信息的采集是 ...
（Python高级编程）第二章：Python中的魔法函数
文章目录一:什么是魔法函数 (1)魔法函数 (2)作用二:Python中的魔法函数 (1)字符串表示 (2)集合序列相关 (3)迭代相关- (4)可调用 (5)with上下文管理器 (6)数制转换 ...

第二章在HTML中使用JavaScript

第二章在HTML中使用JavaScript相关推荐

最新文章

热门文章

第二章 在HTML中使用JavaScript

第二章 在HTML中使用JavaScript相关推荐

最新文章

热门文章

第二章在HTML中使用JavaScript

第二章在HTML中使用JavaScript相关推荐