怎样在网页中嵌入JS代码

有四种方法:

方法1: 在<script>标签内直接写代码

<body>
    <button id="btn">click</button>
    <script>
        document.getElementById("btn").onclick = function(){
            alert("click");
        }
    </script>
</body>

方法2: 在使用<script>标签的src属性引入外部js文件

// test.js
// document.getElementById("btn").onclick = function(){ alert("hello") };

// test.html
<body>
    <button id="btn">click</button>
    <script src="./test.js">
        因为src引入了外部文件, 因此写在标签中的代码不会执行.
    </script>
</body>

方法3: 通过事件属性

<body>
    <input type="text" onblur="alert(this.value)" />
</body>

方法4: 使用URL协议

<body>
    <a href="javascript:alert('hello')">click</a>
</body>

来源：https://www.cnblogs.com/aisowe/p/11692804.html

标签

js代码

网页代码

alert

按钮

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!