在页面中引入JavaScript脚本有两种主要的方法，分别是通过script标签嵌入JavaScript代码和通过外部文件引入JavaScript代码。
嵌入JavaScript代码
要嵌入JavaScript代码，我们可以使用<script>标签来完成，在<script>标签中写入JavaScript代码，将其嵌入HTML页面即可。
示例1：
<html>
<head>
<title>嵌入JavaScript示例</title>
</head>
<body>
<h1>嵌入JavaScript示例</h1>
<p>这是一个嵌入JavaScript的示例</p>
<script>
// 在这里写入JavaScript代码
alert("Hello World!");
</script>
</body>
</html>
在上面的示例中，我们在HTML代码中使用<script>标签嵌入了一段JavaScript代码，并在其中弹出了一个警告框。当浏览器解析到这个标签时，就会执行其中的JavaScript代码。
外部文件引入
另一种方法是通过外部文件引入JavaScript代码，将JavaScript代码保存到一个独立的文件中，使用<script>标签中的src属性来指定代码文件的路径。
示例2：
<html>
<head>
<title>外部文件引入示例</title>
<script src="example.js"></script>
</head>
<body>
<h1>外部文件引入示例</h1>
<p>这是一个外部文件引入JavaScript的示例</p>
</body>
</html>
在上面的示例中，我们在HTML页面的<head>标签中使用<script>标签并设置src属性来引用一个名为example.js的JavaScript文件。这个文件的路径相对于当前HTML文件的位置。当浏览器解析到这个标签时，就会下载并执行指定路径下的JavaScript文件。
总体来说，较为规范的嵌入和外部文件引入JavaScript的方法应该是在<head>标签中引入外部JavaScript文件，以实现代码的可维护性和代码复用性。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：在页面中引入js的两种方法(推荐) - Python技术站
微信扫一扫 
支付宝扫一扫 