请问老师我这种实现方式可以吗?

来源:3-7 DOM-事件

慕虎8754231

2018-05-15 22:14:37

<!DOCTYPE html>
<html>
<head lang="en">
    <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 a=document.getElementsByTagName("input")[0];
 // var b=document.getElementsByTagName("input")[1];
 var c=document.getElementsByTagName("input")[2];
 var d=document.getElementsByTagName("input")[3];
 a.onclick=function(){
        alert('当前显示屏幕宽度:'+screen.availWidth);
 }
    // b.onclick=function(){
    //     alert('当前显示屏幕高度:'+screen.availHeight);
    // }
 c.onclick=function(){
        alert('当前窗口文档显示宽度:'+window.innerWidth);
 }
    d.onclick=function(){
        alert('当前窗口文档显示高度:'+window.innerHeight);
 }
    input[1].onclick(alert('hello'));
</script>
</html>

主要是在input[1].onclick(alert('hello'));这里为什么不能实现呢?

写回答

1回答

一叶知秋519

2018-05-16

没有 input[1]这种书写方式吧,css中选择器可以这么写input{}

你贴出来的代码的其他三项的实现效果是没有问题的。

祝学习愉快!

0

0 学习 · 10204 问题

查看课程