alert弹出框问题

alert弹出框问题

<!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);//?????????

        };

     </script>

     </body>

</html>

问题:

  alert("当前屏幕显示宽度",screen.width);这条语句显示的结果只有文字没有数字,怎么改才能达到和题目要求一样的效果?如果改成这样alert(screen.width);弹出框里就只能看到数字,怎么改才能既有文字又有数字?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,js代码应该为:

<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>

如果解决您的问题请采纳,祝学习愉快!

没有马甲线的安琪拉 2017-11-28 13:59:36

alert("wenzi"+screen.width)

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
PHP小白零基础入门
  • 参与学习           人
  • 提交作业       626    份
  • 解答问题       4930    个

想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师