<script>标签的解析
<script>xxx</script>这组标签,是用于在 html 页面中插入
js 的主要方法。它主要有以下几个属性:
1.charset:可选。表示通过 src
属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。
2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。可以将JS代码放在html内容的后面,这样可实现延时加载
3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
4.src:可选。表示包含要执行代码的外部文件。
5.type:必需。可以看作是
language 的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"。
JS代码嵌入的一些问题:
如果你想弹出一个</script>标签的字符串,那么浏览器会误解成 JS
代码已经结束了。解决的方法,就是把字符串分成两个部分,通过连接符‘+‘来连接。
<script
type="text/javascript">
alert(‘</scr‘+‘ipt>‘);
</script>
一般来说,JS 代码越来越庞大的时候,我们最好把他另存为一个.js 文件,通过
src引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。 <script type="text/javascript"
src="demo1.js"></script>这样标签内就没有任何 JS
代码了。但,要注意的是,虽然没有任何代码,也不能用单标签:<script type="text/javascript" src="demo1.js"
/>;也不能在里面添加任何代码:<script type="text/javascript"
src="demo1.js">alert(‘我很可怜,执行不到!‘)</script>
按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在 body
之间。
当浏览器不支持js或者被禁用掉js的话 ,在body中加上下面这句
<noscript>
您没有启用
JavaScript
</noscript>
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5 <title>如何在网页中使用javascript</title>
6 <script type="text/javascript">
7 alert(‘欢迎来到javascript世界!‘);//alert表示在打开浏览器的时候弹出窗口,显示括号里的内容
8 </script>
9 </head>
10
11 <body>
12 欢迎来到javascript的世界
13 </body>
14 </html>