没有效果,是哪里出错了呢
来源:4-4 编程练习
李洪品
2018-05-09 23:10:54
为什么写,点击后没有什么反应
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>screen</title>
<style type="text/css">
</style>
</head>
<body>
<input type="button" value="当前显示屏幕宽度">
<input type="button" value="当前显示屏幕高度">
<input type="button" value="当前窗口文档显示宽度">
<input type="button" value="当前窗口文档显示高度">
</body>
<script type="text/javascript">
//补充代码
var b0=document.getElementsByTagName('button')[0];
b0.onclick=function(){
alert("当前显示屏幕高度"+screen.availWidth);
}
var b1=document.getElementsByTagName('button')[1];
b1.onclick=function(){
alert("当前显示屏幕高度"+screen.availHeight);
}
var b2=document.getElementsByTagName('button')[2];
b2.onclick=function(){
alert("当前窗口文档显示宽度:"+window.innerWidth);
}
var b3=document.getElementsByTagName('button')[3];
b3.onclick=function(){
alert("当前窗口文档显示高度:"+window.innerHeight);
}
</script>
</html>
1回答
一叶知秋519
2018-05-10
var b0=document.getElementsByTagName("input")[0];
getElementsByTagName应该是获取到标签名,建议同学修改为上面代码以后再试下~~
祝学习愉快!
相似问题