本章对使用JavaScript进行介绍。本章的主题有:
1. 创建一张HTML页面
2. script标签解析
3. JS代码嵌入的一些问题
1.创建一张HTML页面
虽然现在很多教材开始使用html5来讲解JavaScript。但我认为这样可能比较超前,对于JavaScript初学者来说,选择比较普遍而稳定的xhtml.x来创建一张页面。
很多时候,你可能无法记住xhtml.x过渡性的标准格式。这个时候,建议打开Dreamweaver或者某一张网页源代码来获取。页面创建好后,编写一个最简单的JavaScript脚本。
ps:注意页面的编码格式及文件存储的编码。一个简洁页面html代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用JavaScript</title>
</head>
<body>
<script type="text/javascript">
alert("欢迎来到JavaScript世界!");
</script>
欢迎来到JavaScript世界!
</body>
</html>
代码在火狐游览器中运行的效果如下:
点击“确定”按钮后的效果如下:
2.script标签解释
这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性:
(1)charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少人使用。
(2)defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,所以很少使用。
(3)language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以现在不用了。
(4)src:可选。表示包含要执行代码的外部文件。
(5)type:必选。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"
。
3.JS代码嵌入的一些问题
(1)如果你想弹出一个标签的字符串,那么浏览器会无解成JS代码已经结束了。解决的方法,就是把字符串分为两个部分,通过连接符’+’来连接。
标签未显示,而显示内容为”);欢迎来到JavaScript世界!
<script type="text/javascript">
alert("</script>");
</script>
标签显示,通过连接符’+’来连接
<script type="text/javascript">
alert("</scri"+"pt>");
</script>
(2)一般来说,JS代码越来越多的时候,我们最好把它另存为一个.js文件,通过src引入即可。它还具有维护性高(一次更新,多处调用)、可缓存(加载一次、无需加载)、方便未来扩展的特点。
<script type="text/javascript" src="demo.js"></script>
<script type="text/javascript" src="demo.js"/>
<script type="text/javascript" src="demo.js">alert("我执行不到!")</script>
ps:一般情况下,我们会把
<script type="text/javascript">
<!--
alert("欢迎来到JavaScript世界!");
-->
</script>
当浏览器没有启动JavaScript或者禁用JavaScript,平稳退化不支持JavaScript处理:
<noscript>
您没有启用JavaScript!
</noscript>