一只特立独行的doge
2016-05-04 16:29
我代码里面注释掉的那部分内容为什么没有效果呢,我在body里面加了一个按钮和一个文本框,想达到的效果是点击按钮的时候,浏览器窗口的宽高就显示在文本框里,但是失败了,哪位大神看我错哪儿呢,帮我改改。我用的是ie edge浏览器。
你的是可以的,只需要改动input.onClick="getmessage()"为input.onclick=getmessage就可以了。首先是大小写问题,再有就是函数的调用方式。
。。。。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.message{
color:blue;
width:400px;
height:100px;
font-size:14px;
border:1px solid black;
background-color:gray;}
</style>
</head>
<body>
<script type="text/javascript">
var mybody=document.body;
//添加一个文本框用来显示宽高
var mytextarea=document.createElement("textarea");
mytextarea.className="message";
mybody.appendChild(mytextarea);
//设置一个函数用来获得宽高,并显示在文本框里
function getmessage(){
var w=window.innerWidth;
var h=window.innerHeight;
mytextarea.value="浏览器窗口大小为:"+w+'*'+h;
}
//添加一个按钮
var myinput=document.createElement("input");
myinput.type="button";
myinput.value="touch me to get message";
myinput.setAttribute("onclick","getmessage()");
mybody.appendChild(myinput);
</script>
</body>
</html>
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题