首页 > Web开发 > 详细

怎样在网页中嵌入JS代码

时间:2019-10-17 16:21:54      阅读:52      评论:0      收藏:0      [点我收藏+]

有四种方法: 

方法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>

 

怎样在网页中嵌入JS代码

原文:https://www.cnblogs.com/aisowe/p/11692804.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!