如何在HTML页面引入javaScript代码

编程知识行业动态更新时间:2024-06-13 00:17:48

javaScript脚本代码可以通过以下3种方式嵌入到HTML文档：

1.使用<script>…</script>标签对在页面内引用

使用<script>…</script>标签对将javaScript代码嵌入到HTML文档中。

浏览器在加载上述代码中，会自动识别javaScript脚本代码的<script>…</script>。并执行它里面的代码，然后将结果返回给HTML,并在浏览器窗口显示。

在页面内通过<script>…</script>标签对引入javaScript代码，其中<script>…</script>标签对的位置可以在<head>…</head>标签对和<body>…</body>标签对任何位置都是可以的，通常来说建议大家将<script>…</script>标签对放置在<body>…</body>标签对。这样可以使javaScript代码会在整个页面加载完成之后读取。

使用<script>…</script>标签对在页面内引用使用与于javaScript脚本代码比较少的情况。

2.引用外部的javaScript文件

引用外部的javaScript文件，是指在将javaScript写入另一个文件，以.js为后缀保留该文件，然后通过<script>标签的src引入该文件

这里test.js就是外部javaScript文件。src属性表示指定外部的javaScript文件的路径。通常情况使用的是相对路径。

3.javaScript伪URL引入

在多数支持JavaScript脚本的浏览器中，可以通过JavaScript伪URL地址调用语句来引入JavaScript脚本代码。伪URL地址的一般格式：JavaScript:alert("已经用鼠标单击文本框! ")。由上可知：伪URL地址语句一般以JavaScript开始，后面就是要执行的操作。