随着网络技术的不断发展，网页的交互性越来越高，为了让网页具有更好的用户体验和交互性，我们经常会使用javascript脚本来实现各种功能。但是，要在网页中使用javascript，我们需要在网页中引用它。本文将会介绍网页如何引用javascript脚本。
一、在html文件中直接写javascript代码
一种简单的引用javascript的方法是把整个javascript代码直接写在html文件中。在html文件中，我们可以使用<script>和</script>标记来包裹javascript代码，并在html标签内部的<head>或<body>中添加，如下所示：
<!doctype html><html><head> <title>网页引用javascript示例</title> <script> function myfunction() { alert(请点击按钮！); } </script></head><body> <button onclick="myfunction()">点击我</button></body></html>
在这个示例中，我们可以看到在<head>标签内包含了一段javascript代码，它定义了一个名为myfunction的函数。我们在<body>标签内添加了一个按钮，并将该函数绑定至按钮的onclick事件，当用户点击按钮时会触发该函数。这种方法简单易懂，但对于复杂的javascript代码可能并不利于维护。
二、在html文件中引用外部javascript文件
另一种方法是将javascript代码单独编写成一个独立的.js文件，并在html文件中引用它。这种方法优点在于javascript代码和html代码相互独立，易于维护。而在引用时，我们需要使用<script>标签来引用外部javascript文件。例如，我们将之前的javascript代码保存到一个名为test.js的文件中，然后在html文件中使用以下代码引用：
<!doctype html><html><head> <title>网页引用javascript示例</title> <script src="test.js"></script></head><body> <button onclick="myfunction()">点击我</button></body></html>
在这个示例中，我们可以看到我们添加了一个<script>标签，并指定要引用的外部javascript文件的url（比如我们这里是test.js文件），这样页面将会调用相应的js文件，从而实现javascript功能。
值得注意的是，外部javascript文件与html文件位于同一目录下时，我们可以使用相对路径来指定js代码文件的位置，如：
<script src="../js/test.js"></script>
其中../表示跳出当前目录，进入其上一层目录中的js文件夹，以查找test.js文件。
三、在html中内嵌并且引用外部javascript文件
有时候为了方便，在html文件中同时引用外部javascript文件，并且同时写内嵌的javascript。其实这样也是可以的，可以通过在<script>标签中指定type属性来实现，如下所示：
<!doctype html><html><head> <title>网页引用javascript示例</title> <script type="text/javascript" src="test.js"></script> <script type="text/javascript"> function myfunction() { alert(请点击按钮！); } </script></head><body> <button onclick="myfunction()">点击我</button></body></html>
在这个示例中，我们可以看到我们在<head>标签中使用了两个<script>标签，第一个标签用于引用外部javascript文件test.js，第二个标签则是内嵌的javascript代码来实现myfunction函数。通过指定不同的type属性，我们就可以在同一个html文件中同时使用内嵌和外部javascript文件。
结语
以上是介绍网页如何引用javascript脚本的几种方法，每种方法都有其独特的优点和适用场景，选择最适合自己的方法，能够让我们更好地开发网页，并提供更好的用户体验。
以上就是网页怎么引用javascript的详细内容。