我们使用HTML标记符 <script> 来在HTML页面中插入JS(JavaScript)脚本
——————————————————————————-
怎样在HTML页面中插入JS脚本
将以下代码拷贝到一个文本编辑器中,并保存为helloworld.html文件:
<html> <body> <script type=”text/javascript”> document.write(“嗨,你好!”) </script> </body> </html> |
用浏览器打开这个helloworld.html文件,你会看到浏览器中显示以下输出:
嗨,你好! |
对上面例子的解释
我们使用标记符<script>来将JS脚本插入HTML页面中,并使用了类型属性(type)来定义脚本语言的类型为JavaScript。
因此,<script type=”text/javascript”> 和 </script> 定义了JavaScript 开始和结束的位置:
<html> <body> <script type=”text/javascript”> 。。。此处脚本省略若干。。。 </script> </body> </html> |
语句 document.write 是一个标准的 JavaScript 命令,用来向页面写输出。
通 过在标记符<script type=”text/javascript”> 和 </script> 之间使用document.write,浏览器会辨认出这是一段JavaScript命令,从而执行其中的命令行。在下面这个例子里,浏览器会在页面中写出欢迎来访!的字样。
<html> <body> <script type=”text/javascript”> document.write(“欢迎来访!“) </script> </body> </html> |
注意: 如果没有使用标记符 <script> ,浏览器会将命令行document.write(“欢迎来访!”) 当作纯文本对待,那么整行内容包括document.write命令都会在页面上被打印出来。
————————————————————————————-
JavaScript语句结束需要分号吗?
传统编程语言,例如 C++ 和 Java,每一条语句都需要以分号结束。
许多程序员在写JavaScript的时候仍保持了这一习惯。实际上在JavaScript中分号并不是必需的。但是如果你把多条JavaScript语句写在同一行里则需要以分号分隔。
————————————————————————————-
关于旧版浏览器问题
旧版(很旧很旧的版)浏览器不支持JavaScript,会把JS脚本显示为页面内容。为避免这种情况发生, 在Javascript刚开始出现的年代,可以看到很多建议使用 HTML 的注释标示符将JS脚本包起来:
<script type=”text/javascript”> <!– document.write(“嗨,你好!”) //–> </script> |
注释结束行前面的双斜线 (//) 是JavaScript 的注释符。这样写可以防止JavaScript 编译器把这一行当作JS脚本进行编译。
但现在实际上这已经不被广泛建议使用了。为什么呢?因为:第一旧版主要是指的1995年以前的浏览器版本,例如网景1(Netscape 1),Mozaic,IE 1,和 IE 2,这些浏览器现在几经几乎没有人使用了。第二,也是最重要的一点,在XHTML中,被HTML注释包围的JS代码会真的被当作注释处理掉,不再起作用。如果有一天你决定将你的网页作为XHTML来供访客浏览,那么被注释起来的JS代码会全部失效,所以要小心使用。