第二章 在Html中使用JavaScript
https://www.jianshu.com/p/8247a9401725
2.1 Script元素
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
<script>定义了下列6个属性:
2.1.1 标签的位置
2.1.2 延迟脚本
2.1.3 异步脚本
2.1.4 在XHTML中的用法
2.1.5 不推荐使用的语法
2.2 嵌入代码与外部文件
在HTML中嵌入JavaScript代码虽然没有问题,但一般认为最好的做法还是尽可能使用外部文件来包含JavaScript代码。
不过,并不存在必须使用外部文件的硬性规定,但支持外部文件的人多会强调如下优点:
1.可维护性
遍及不同HTML页面的JavaScript会造成维护问题。但把所有JavaScript文件都放在一个文件夹中,维护起来就轻松多了。而且开发人员因此也能够在不触及HTML标记的情况下,集中精力编辑JavaScript代码。
2.可缓存
浏览器能够根据具体的设置,缓存链接的所有外部JavaScript文件。也就是说,如果有两个页面都是用同一个文件,那么这个文件只需要下载一次。因此,最终结果就是能够加快页面加载的速度。
3.适应未来:
通过外部文件来包含JavaScript无须使用前面提到的XHTML或者注释。HTML和XHTML包含外部文件的语法是相同的。
2.3 文档模式
ie5.5引入了文档模式的概念,而这个概念是通过使用文档类型doctype切换实现的。
最初的两种文档模式,混杂模式quirks mode和标准模式 standard mode。
ie之后又提出了,所谓的准标准模式almost standards mode,这种模式下的浏览器特性有很多都是符合标准的,但是也不尽然。不标准的地方主要体现在处理图片间隙的时候(在表格中使用图片时问题最明显)
如果在文档开始处没有发现文档类型声明,则所有的浏览器都会默认开启混杂模式。但是采用混杂模式,并不是什么值得推荐的做法,因为不同浏览器在这种模式下的行为差异非常大。
1.对于标准模式,可以使用下面任何一种文档类型来开启
<!-- 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>
2.对于准标准模式,可以通过使用transitional或frameset文档类型来触发
<!-- 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">
准标准模式与标准模式非常接近,它们的差异几乎可以忽略不计。因此,当有人提到“标准模式”时,有可能是指这两种模式中的任何一种。而且检测文档模式时也不会发现什么不同。本书后面提到的标准模式时,指的是除混杂模式之外的其他模式。
2.4 <noscript>元素
早期的浏览器都面临一个特殊的问题,即当浏览器不支持JavaScript时,如何让页面平稳地退化。
解决方案是创造一个<noscript>元素,用以在不支持JavaScript的浏览器中显示替代内容。
这个元素可以包含在能够出现在文档<body>中的任何HTML元素--<script>元素除外。
包含在<noscript>元素中的内容只有在下列情况下才会显示出来:
1.浏览器不支持脚本
2.浏览器支持脚本,但是脚本被禁用
相关文章
- PHP网站使用JavaScript和Iframe简单实现部分刷新效果
- 【JavaScript】概述
- JavaScript核心功能之模块的导入导出
- JavaScript实现html购物车代码
- javascript点击兼容所有浏览器封装
- 第一百一十八节,JavaScript,动态加载脚本和样式
- JavaScript经典代码【一】【javascript HTML控件获取值】
- JavaScript 表单验证入门
- [Javascript] Compose multiple functions for new behavior in JavaScript
- [Javascript] Array methods in depth - filter
- [Javascript] Prototype 2 Object.create()
- [Javascript] Avoiding Mutations in JavaScript with Immutable Data Structures
- [Javascript] Multiply Two Arrays over a Function in JavaScript
- [Javascript] Replicate JavaScript Constructor Inheritance with Simple Objects (OLOO)
- [WASM] Call a JavaScript Function from WebAssembly
- [Javascript] Intro to Recursion - Detecting an Infinite Loop
- [Javascript] Advanced Flattening
- 学习Javascript闭包(Closure)
- SAP Cloud for Customer里的HTML Mashup的JavaScript编程功能
- Atitit 文件上传 架构设计 实现机制 解决方案 实践java php c#.net js javascript c++ python
- 推荐一个markdown格式转html格式的开源JavaScript库
- 【JavaScript变量】Javascript的全局变量&局部变量
- ZoomCharts JavaScript New Crack
- javascript转义unicode十六进制编码且带有反斜杠后的html
- python web py入门(33)- 在HTML网页里嵌入JavaScript脚本
- web前端Javascript学习之了解JavaScript弹出框
- 一个有下雨效果的注册界面(html+css+原生javascript)
- JavaScript转义字符