4-4 编程练习

来源：4-4 编程练习

MOCKINGT

2018-08-10 23:48:55

<!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">
        //补充代码
        function w(){
            alert(screen.availWidth);
        }
        function h(){
            alert(screen.availHeight);
        }
        var b = document.getElementsByTagName('input');
        b[0].addEventListener('click',w()); 
        b[1].addEventListener('click',h());
        b[2].addEventListener('click',function a(){alert(screen.innerWidth)});
        b[3].addEventListener('click',function c(){alert(screen.innerHeight)});   
     </script>
</html>

写回答

3回答

好帮手慕阿莹

2018-08-12

如果不写到函数里，会在加载页面的时候直接加载。绑定了点击事件后，点击按钮执行该函数。

如果我的回答解决了你的问题,请采纳,祝学习愉快.

MOCKINGT

提问者

2018-08-10

<!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 b = document.getElementsByTagName('input');
        b[0].addEventListener('click',function(){alert(screen.availWidth)}); 
        b[1].addEventListener('click',function(){alert(screen.availHeight)}); 
        b[2].addEventListener('click',function(){alert(innerWidth)}); 
        b[3].addEventListener('click',function(){alert(innerHeight)});    
     </script>
</html>

为什么函数写到里面就不会一上来就执行？

hOCKINGT

h 没排版，就是先声明函数再调用就会被执行

h018-08-11

共2条回复

MOCKINGT

提问者

2018-08-10

一上来就直接显示了，后面的两个都是undefined

hOCKINGT

h 不需要点击，直接执行w()和h() 点击第三第四个按钮的时候出现undefined

h018-08-10