第二章 在HTML中使用JavaScript

2.1 <script> 元素

向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。

HTML 4.01为<script>定义了下列6个属性:(可选)

async:立即下载脚本,不应妨碍页面中的其他操作,只对外部脚本文件有效。

charset:通过src属性指定的代码的字符集。被大多数浏览器忽略,很少用。

defer:延迟脚本到文档完全解析和显示后再执行,只对外部脚本文件有效。

src:表示包含要执行代码的外部文件。

type:表示编写代码实用的脚本语言的内容类型(MIME类型),type=text/javascript。

使用<script>元素的方式有两种:

直接在页面中嵌入JavaScript代码,只需为<script>指定type属性,然后将JavaScript代码直接放在<script>元素内部,JavaScript代码将被从上至下依次解释;代码中不能出现"</script>"字符串,需分割为"<\/script>"。

通过<script>元素来包含外部JavaScript文件,src属性的值指向外部JavaScript文件的链接,这个文件可以是与包含它的页面位于同一个服务器上的文件,也可以是其他任何域中的文件;外部文件带有.js扩展名。

2.1.1 标签的位置

一般将全部JavaScript引用放在<body>元素中页面的内容后面,</body>标签前面。

2.1.2 延迟脚本

在<script>元素中设置defer属性,立即下载但延迟执行,最好只包含一个延迟脚本。

2.1.3 异步脚本

async的脚本不保证按照指定它们的先后顺序执行,因此要确保脚本之间互不依赖。

2.1.4 在XHTML中的用法(跳过)

2.1.5 不推荐使用的语法

在不支持JavaScript的浏览器中,将JavaScript代码包含在一个HTML的注释中<!-- -->。

2.2 嵌入代码与外部文件

最好的做法是尽可能使用外部文件来包含JavaScript代码。优点是:可维护性、可缓存、适应未来。

2.3 文档模式

混杂模式、标准模式、准标准模式

<!DOCTYPE html>//HTML5文档类型声明

2.4 <noscript>元素

当浏览器不支持JavaScript时让页面平稳退化,可以包含能够出现在<body>中的任何HTML元素,<script>除外。

时间: 2024-10-20 14:30:13

第二章 在HTML中使用JavaScript的相关文章

《javascript》高级程序设计——类型转换错误

容易发生类型转换错误的另一个地方,就是流控制语句.像if之类的语句在确定下一步操作之前,会自动把任何值转换成布尔值.尤其是if语句,如果使用不当,最容易出错.来看下面的例子. function concat(str1,str2,str3){ var result= str1 + str2; if (str3){ //绝对不要这样 result += str3; } return result; } 这个函数的用意是拼接两或三个字符串,然后返回结果.其中,第三个字符串是可选的,因此必须要检查.第3

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

一.<script>元素 向HTML 页面中插入JavaScript 的主要方法,就是使用<script>元素. HTML 4.01 为<script>定义了下列6 个属性. (1)async:可选.表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本.只对外部脚本文件有效.  async [??s??k] 异步 非同步 (2) charset:可选.表示通过src 属性指定的代码的字符集.由于大多数浏览器会忽略它的值,因此这个属性很少有

《avascript 高级程序设计(第三版)》 ---第二章 在HTML中使用Javascript

本章主要讲解了,怎么在HTML中使用: 1.<script src=""></script> 属性:defer="defer" 表示脚本延迟到整个页面解析完之后再运行. async 表示立即下载文件 2.如果浏览器不支持Javascript,或者是支持但是被禁用. 使用<noscript>本页面需要支持(启用)Javascript</noscript> 总结:所有的<script>元素都会按照他们在页面中出

JavaScript高级程序设计(第三版)第二章 在HTML中使用JavaScript

2.1 <script>元素 <script>定义了下列6个属性: async:可选.表示应该立即下载脚本,但不应妨碍页面的其他操作,比如下载其他资源或等待加载其他脚本.只对外本脚本文件有效. charset:可选.表示通过src属性指定的代码的字符集.由于大多数浏览器会忽略它的值,因此这个属性很少使用. defer:可选.表示脚本可以延迟到文档完全被解析和显示之后再执行.只对外部脚本文件有效.IE7及更早版本对嵌入脚本也支持这个属性. language:已废弃. src:可选.表

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

1 <script>的6个属性 async  立即下载当前script标签的外部脚本 但不能影响别的 charset 没用了 defer  文档显示之后再执行脚本,只对外部脚本有效 language 没用了 src type 描述代码内容Mine类型 默认就是text/javascript 没什么用 2 在解释器对<script>元素内部的所有代码求值完毕以前 页面中的其余内容都不会被浏览器加载或显示 3 有两种script 嵌入式 外部引入式 在解析外部引入式的js文件时,页面的

第二章 在HTML页面里使用javaScript

目录: 一.在html里使用js的方式 二.<script>标签的参数 三.javaScript代码的位置 四.<noscript>标签的意思 一.主要有两种方式: 1.第一种是在HTML里嵌入: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta content="text/html; charset=utf-8" http-equiv="Co

读《高程3》系列之第二章---在HTML中使用script

一.script元素 1,在html页面插入javascript的主要方法,就是利用<script>元素,并定义了如下5个属性(language属性被废弃): *async:可选.表示应该立即下载脚本,但不妨碍也看但其他操作,比如下载其他资源或等待加载其他脚本.只对外部脚本文件有效: *charset:可选.表示通过src属性制定的代码的字符集.由于大多数浏览器会忽略它的值,因此很少用这个属性: *defer:可选.表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效. *s

《JavaScript》高级程序设计第21章:Ajax和Comet

Ajax的技术核心是XMLHttpRequest对象(简称XHR) 一.创建XMLHttpRequest对象 1 function createXHR(){ 2 if(typeof XMLHttpRequest != "undefined"){ 3 //IE7, FireFox, Opera, Chrome, Safari都支持原生的XHR对象,这些浏览器中可以使用XMLHttpRequest构造函数 4 return new XMLHttpRequest(); 5 } else if

《JavaScript》高级程序设计第7章 函数表达式

7.2 闭包 定义: 闭包是指有权访问另一个函数作用域中的变量的函数. 理解闭包: 作用域链: 当某个函数被调用时,会创建一个执行环境以及相应的作用域链. 作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位.....直至作为作用域链终点的全局执行环境 变量对象: 全局函数的变量对象始终存在, 而局部环境的变量对象只在函数执行的过程中存在. 一般来讲, 当函数执行完毕后, 局部活动对象就会被销毁, 内存中仅保存全局作用域(全局执行环境中的变量对象)但是闭包的情况又