犀牛——第13章 13.2 在HTML里嵌入JavaScript

4种方法

1.内联，放置在<script>和</script>标签对之间（不建议使用）

2.放置在由<script>便签的src属性指定的外部文件中（建议使用）

3.放置在HTML事件处理程序中，该事件处理程序有onclick或onmouseover这样的HTML属性值指定。（弃用）

4.放在一个URL里，这个URL使用特殊的“javascript:”协议（弃用）----------

13.2.1<script>元素

JavaScript代码可以以内联的形式出现在HTML文件里的<script>和</script>标签之间：

<script>

//这里是你的JavaScript代码

</script>

13.2.2 外部文件中的脚本

<script>标签支持src属性，这个属性指定包含JavaScript代码的文件的URL。它的用法如下：

<script src="../../scripts/util.js"></script>

JavaScript文件的扩展名通常是以.js结尾的。它包含纯粹的JavaScript代码，其中既没有<script>便签，也没有其他HTML便签。

13.2.3脚本类型

JavaScript是Web的原始脚本语言，而在默认情况下，假定<script>元素包含或引用JavaScript代码。如果要使用不标准的脚本语言，如Microsoft的VBScript(只有IE支持)，就必须用type属性指定脚本的MIME类型：

<script type="text/vbscript">

//这里是VBScript代码

</script>

13.2. 4 HTML中的事件处理程序

类似onclick的事件处理程序属性，用相同的名字对应到HTML属性，并且还可以通过将JavaScript代码放置在HTML属性里来定义事件处理程序。

例子：

<input type="checkbox" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">

13.2.5 URL中的JavaScript

在URL后面跟一个javascript:协议限定符，是另一种嵌入JavaScript代码到客户端的方式。

javascript:URL能识别的“资源”是转换成字符串的执行代码的返回值。如果代码返回undefined，那么这个资源是没有内容的。

javascript:URL可以用在可以使用常规URL的任意地方。

如果要确保javascript:URL不会覆盖当前文档，可以用void操作符强制函数调用或给表达式赋予undefined值：

<a href="javascript:void window.open('about:blank');">打开一个窗口</a>

如果这个URL里没有void操作符，调用window.open()方法返回的值会（在一些浏览器里）被转化为字符串并显示，而当前文档也会被覆盖为包含该字符串的文档：

[object Window]

如果要测试一小段JavaScript代码，那么可以在浏览器地址栏里直接输入javascript:URL。

javascript:URL另一个正统的用法：浏览器书签

书签

如果书签是javascript:URL,那么保存的就是一小段脚本，叫做bookmarklet.