当先锋百科网

首页 1 2 3 4 5 6 7

怎么将js代码放入html里

将Javascript代码放入HTML中可以让网页实现更多的交互和动态效果。下面介绍两种常见的方法：

<script>...</script>

怎么将js代码放入html里

第一种方法是在HTML页面中使用<script>标签来嵌入Javascript代码。可以在<head>标签或<body>标签中插入<script>标签，并在里面输入需要执行的Javascript代码。

<!DOCTYPE html>
<html>
    <head>
        <title>页面标题</title>
        <script>
            function sayHello(){
                alert("Hello, world!");
            }
        </script>
    </head>
    <body>
        <p>点击下面的按钮可以触发函数sayHello()</p>
        <button onclick="sayHello()">点击我</button>
    </body>
</html>

在上面的例子中，我们定义了一个名为sayHello()的函数，并在按钮的onclick事件中调用它。当点击按钮时，会弹出一个对话框显示"Hello, world!"。

<script src="...js"></script>

第二种方法是使用<script>标签的src属性来引入外部的Javascript文件。将Javascript代码保存为一个以.js为后缀名的文件，并将文件名作为src属性值引入到<script>标签中。

<!DOCTYPE html>
<html>
    <head>
        <title>页面标题</title>
        <script src="script.js"></script>
    </head>
    <body>
        <p>点击下面的按钮可以触发函数sayHello()</p>
        <button onclick="sayHello()">点击我</button>
    </body>
</html>

在上面的例子中，我们将Javascript代码保存在名为script.js的文件中，并在HTML页面中使用<script>标签的src属性来引入它。代码执行的方式和第一种方法一样。

jsjs代码html代码