Home > Article > Web Front-end > How to quote javascript in web pages

How to quote javascript in web pages

PHPzOriginal: 2023-04-24 14:47:142935browse

With the continuous development of network technology, web pages are becoming more and more interactive. In order to make web pages have better user experience and interactivity, we often use JavaScript scripts to implement various functions. However, to use JavaScript in a web page, we need to reference it in the web page. This article will introduce how web pages reference JavaScript scripts.

1. Write JavaScript code directly in the HTML file

A simple way to reference JavaScript is to write the entire JavaScript code directly in the HTML file. In HTML files, we can use <Script> and </Script> tags to wrap JavaScript code and add it in or inside the html tag, as shown below:

<!DOCTYPE html>
<html>
<head>
    <title>网页引用JavaScript示例</title>
    <script>
        function myFunction() {
            alert("请点击按钮！");
        }
    </script>
</head>
<body>
    <button onclick="myFunction()">点击我</button>
</body>
</html>

In this example, we can see that the tag contains a piece of JavaScript code that defines a function named myFunction. We added a button within the tag and bound the function to the button's onclick event, which will be triggered when the user clicks the button. This method is simple and easy to understand, but may not be conducive to maintenance of complex JavaScript code.

2. Reference external JavaScript files in HTML files

Another method is to write the JavaScript code separately into an independent .js file and reference it in the HTML file. The advantage of this method is that JavaScript code and HTML code are independent of each other and easy to maintain. When referencing, we need to use the