IT源码网

怎样在网页中嵌入JS代码讲解

developer 2021年03月09日 编程语言 212 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>

 

发布评论
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样对小数进行向上取整 / 向下取整 / 四舍五入 / 保留n位小数 / 生成随机数讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。