zoukankan      html  css  js  c++  java
  • 【页面加载】【九九乘法表】【document.write的功能_】【<script>直接显示数组】【声明新变量】

    1.页面加载时向body加载文本、弹出框

    <body>
            <script>
                document.write("<h1>JavaScript 会在页面加载时向 HTML 的 <body> 写文本</h1>");
            </script>

            <script>
            alert("加载页面弹出框");
            </script>
    </body>

    2.九九乘法表

    <body onload="jiujiu()">
            <a id="demo">显示文本</a><br />
            <script>
                function jiujiu()
                {
                    x=document.getElementById("demo");
                    var s="九九乘法表<br />"
                    for(var i=1;i<10;i++)      //定义必须是var,不然无法运行
                    {
                        for(var j=1;j<=i;j++)
                        {
                            s+=j+"*"+i+"="+j*i+"&nbsp&nbsp&nbsp";
                        }
                        s+="<br/>";
                    }
                    x.innerHTML=s;
                }
            </script>
        </body>

     3.document.write的功能

        document.write("<h1>会清空页面内容并显示自己的内容</h1>");  //调用函数时会清空页面内容,直接显示不会清空页面内容

    4.<script>直接显示数组

    <script>  //代码可以直接放在body中显示
    var i;
    var cars = new Array();
    cars[0] = "Audi";
    cars[1] = "BMW";
    cars[2] = "Volvo";
    for (i=0;i<cars.length;i++)
    {
    document.write(cars[i] + "<br>");
    }
    </script>

    5.声明新变量时,可以使用关键词 "new" 来声明其类型

    var carname=new String;   //字符串
    var x=      new Number;    //整形
    var y=      new Boolean;   //bool类型
    var cars=   new Array;     //数组
    var person= new Object;     //对象

    对象举例
    <script>
    var person=new Object; //可以不做声明
    person={
    firstname : "Bill",
    lastname  : "Gates",
    id        :  5566
    };
    document.write(person.lastname + "<br />"); //两种输出方式
    document.write(person["lastname"] + "<br />");
    </script>

    输出结果为
    Gates
    Gates
    <——第二节完——>
  • 相关阅读:
    20、职责链模式
    19、命令模式
    18、桥接模式
    17、单例模式
    javascript移动端实现企业图谱总结
    前端用js模拟疫情扩散开发总结
    移动端企业图谱开发兼容性等问题踩坑
    js实现企业图谱(pc端企业图谱项目总结与踩坑分享)
    基于vue脚手架的项目打包上线(发布)方法和误区
    实现一个网页版的聊天室(类似于钉钉群)
  • 原文地址:https://www.cnblogs.com/wskxy/p/6658758.html
Copyright © 2011-2022 走看看