以下为onclick的使用技巧,全部经过个人验证,如要转载,请标明出处。
不限于onclick,所有事件都可以这样操作
事件如下:
第一种:在标签中修改属性
直接在标签中 οnclick="…",里面写上修改标签属性的语句/输入输出语句
<button onclick="window.alert(window.prompt());this.innerText='9';this.style='background-color:red'">5</button>
-
开始
-
按下按钮 5,输入123
-
显示
-
5变成9,并且底色改变
如果不行,建议使用Google浏览器
第二种:在标签中调用函数
在标签中写 οnclick="函数1();函数2();函数3();"
<button id=d1 onclick="f1();f2();f3()">1</button>
太简单,就不演示了
第三种:在js中调用函数
在js中使用 “x.οnclick=函数名;”
<body>
<button id=d1>1</button>
</body>
<script>
var b1 = document.getElementById("d1");
b1.onclick = f4;
function f4() {
console.