给button添加onclick属性时，怎么函数直接就出来了？如何再次设置为点击之后触发函数？-慕课网

首页课程实战体系课手记专栏慕课教程

给button添加onclick属性时，怎么函数直接就出来了？如何再次设置为点击之后触发函数？

来源：9-18 浏览器窗口可视区域大小

Detonate

2015-09-25 10:49

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

var main = document.body;

var p1 = document.createElement("p");

var p2 = document.createElement("p");

var br = document.createElement("br");

var inp1 = document.createElement("input");

var inp2 = document.createElement("input");

var inp3 = document.createElement("input");

p1.innerHTML = "高度：";

p2.innerHTML = "宽度：";

inp1.type = "text";

inp2.type = "text";

inp3.type = "button";

inp3.value = "显示可视区域大小";

main.appendChild(p1);

main.appendChild(inp1);

main.appendChild(p2);

main.appendChild(inp2);

main.appendChild(br);

main.appendChild(inp3);

inp3.setAttribute("onclick",test())

function test(){

alert("test!")

}

/*function getv(){

var w =document.documentElement.clientWidth||document.body.clientHeight;

var h = document.documentElement.clientHeight||document.body.clientHeight;

inp1.value = w;

inp2.value = h;

//document.write(w)

}*/

</script>

</body>

</html>

写回答关注

1回答

雨丶辰

2015-10-05 17:39:51

inp3.setAttribute("onclick","test()");
代码改成这样就可以了。

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468800 学习 · 22582 问题

查看课程

相似问题

为什么onclick只能点击一次，再次点击时就出错了？

回答 4

用setAttribute设置onmouseover时，属性设为函数怎么不对了？

回答 1

为什么按两次button才能触发函数，第一次触发的是什么

回答 1

//触发了startCount()函数，之后还会执行吗？

回答 1

为什么onclick=后面接一个函数必须加引号

回答 4

打开慕课网App查看更多内容