4-4编程练习求解
来源：4-4 编程练习
慕的地0823274
2018-08-02 11:51:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="b1()" >显示屏宽度</button>
<button onclick="b2()" >显示屏高度</button>
<button onclick="b3()" >文档显示高度</button>
<button onclick="b4()" >文档显示宽度</button>
</body>
<script>
function b1(){
alert(screen.availWidth);
}
function b2(){
alert(screen.availHeight);
}
function b3(){
alert(screen.width);
}
function b4(){
alert(screen.height);
}
</script>
</html>显示屏与文档的宽高分别都是一样的？为什么？该怎么编写才正确？
1回答
-
imooc_澈
2018-08-02
您好，正确参考如下：
<body>
<input type="button" value="当前显示屏幕宽度">
<input type="button" value="当前显示屏幕高度">
<input type="button" value="当前窗口文档显示宽度">
<input type="button" value="当前窗口文档显示高度">
<script type="text/javascript">
var inputs=document.getElementsByTagName("input");
inputs[0].onclick=function(){
alert("当前显示屏幕宽度"+screen.availWidth)
}
inputs[1].onclick=function(){
alert("当前显示屏幕高度"+screen.availHeight)
}
inputs[2].onclick=function(){
alert("当前窗口文档显示宽度"+window.innerWidth)
}
inputs[3].onclick=function(){
alert("当前窗口文档显示高度"+window.innerHeight)
}
</script>
</body>
如果解决了您的问题，请采纳，祝学习愉快~
0
