4-4编程问题
来源：4-4 编程练习
慕粉2152056708
2017-11-24 23:47:14
<!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="当前窗口文档显示高度">
<script type="text/javascript">
var str1=document.getElementsByTagName("input")[0];
str1.onclick=function(){
alert(screen.width);
};
var str2=document.getElementsByTagName("input")[1];
str1.onclick=function(){
alert(screen.height);
};
var str3=document.getElementsByTagName("input")[2];
str1.onclick=function(){
alert(screen.width);
};
var str4=document.getElementsByTagName("input")[3];
str1.onclick=function(){
alert(screen.height);
};
</script>
</body>
</html>
问题：
1、为什么只有第一个按钮有反应，其他三个没反应，而且弹出框也只能弹出数字，
2、在alert里面即使加上了文字如 alert("显示当前宽度"screen.width);最后出来的也只有文字却没了数字
1回答
-
你好，点击属性重名，应该改为：
<script type="text/javascript"> var str1=document.getElementsByTagName("input")[0]; str1.onclick=function(){ alert(screen.width); }; var str2=document.getElementsByTagName("input")[1]; str2.onclick=function(){ alert(screen.height); }; var str3=document.getElementsByTagName("input")[2]; str3.onclick=function(){ alert(screen.width); }; var str4=document.getElementsByTagName("input")[3]; str4.onclick=function(){ alert(screen.height); }; </script>如果解决您的问题请采纳，祝学习愉快！
0
相似问题