为什么没有效果呢
我代码里面注释掉的那部分内容为什么没有效果呢,我在body里面加了一个按钮和一个文本框,想达到的效果是点击按钮的时候,浏览器窗口的宽高就显示在文本框里,但是失败了,哪位大神看我错哪儿呢,帮我改改。我用的是ie edge浏览器。
2016-05-04
<!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>
举报