nomaka学JavaScript第一课(后续):还是HelloWorld!

照例给出demo
这个和第二个HelloWorld关键代码上没啥区别
只是使用了外部JavaScript
有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本
为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件
注意:外部文件不能包含<script> 标签

然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:

<html>
<head>
<script src="xxx.js">....</script>
</head>
<body>
</body>
</html>
给出hello.js的代码:

  1. function hello(){
  2. //Hello World
  3. var msg="Hello , <em>World!</em>";
  4. document.open();
  5. document.writeln(msg);
  6. document.close();
  7. }
下面是demo2.html的代码:
  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=utf-8" />
  5. <title>HelloWorld</title>
  6. <script type="text/javascript" src="hello.js">
  7. </script>
  8. </head>
  9. <body onload="hello()">
  10. <p>Hi</p>
  11. </body>
  12. </html>

很简单吧

提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护



最后说所如何与老的浏览器打交道
那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>

注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

发表评论

电子邮件地址不会被公开。 必填项已用*标注