在网页插入JavaScript的方法及定义

145 阅读1分钟

「这是我参与2022首次更文挑战的第7天,活动详情查看:2022首次更文挑战

在HTML文档中嵌入脚本程序

JaveScript的脚本程序包括在HTML中,使之成为HTML文档的一部分。其格式为:

<script language="JaveScript">
  JavaScript 语言代码;
  JavaScript 语言代码;
   ...
</Scrept>

属性language="JaveScript"指出使用的脚本语言是JavaScript。

在网页中最常用的定义脚本的方法是使用< script>···< /script>标记,将其插入到HTML文档的< head>···< /head>或< body>···< /body>之间,多数情况下应放到< head>···< /head>标记之间,这样可以让JavaScript程序代码先于其他代码被加载执行。

在编写JavaScript脚本时,可以像编辑HTML文档一样,在文本编辑器或HTML文档编辑器中输入JavaScript脚本的代码。

<html>
<head>
    <title>JavaScript示例</title>
    <script language="JavaSript">
        document.write("Hello,JavaScript!");
        alert("欢迎进入JavaScript!")
    </script>
</head>
<body>
    <h3 style="font:12pt;text-align:center">学习JavaScript!</h3>
</body>
</html>

[说明] 1.document.write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口。alert()是JavaScript的窗口对象方法,其功能是弹出一个对话框并显示其中的字符串。 2.在< script language="JavaScript">···< /script>中的程序代码有大、小写之分,例如将document.write()写成Document.write(),程序将无法正确执行。

链接脚本文件

可以把脚本保存在一个扩展名为.js的文本文件中,供需要该脚本的多个HTML文件引用。要引用外部脚本文件,使用script标记的src属性指定外部脚本文件的URL。其格式为:

<head>
···
<script type="text/javascript"src="脚本文件名.js"></script>
···
</head>

脚本文件test.js的内容为:

document.write("Hello,JavaSprict!");
alert("欢迎进入JavaScript世界!");