JS

作者: 时光清浅_许你心安_ | 来源:发表于2018-10-29 20:39 被阅读0次
    // 控制浏览器弹出一个警告框
    alert('第一行');
    /计算机在页面输出内容/
    document.write('haha')
    /向控制台输出内容/
    console.log('hehe')
    // 单行注释
    多行注释
    注释中的内容不会被执行,但是可以在源代码中查看
    要养成良好的编写注释的习惯,也可以通过注释来对代码进行一些简单的调试
    /
    //单行注释
    // alert("hello");
    // document.write("hello");
    console.log("hello");//该语句用来在控制台输出一个日志
    /
    /字面量(常量),都是不能改变的/
    如:
    // 声明变量
    var a;
    // 为变量赋值
    a=1;
    a=2;
    console.log(a);
    var age=5;
    console.log(age);
    可以将js代码编写到外部js文件中,然后通过script标签引入写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制这是推荐使用的方式
    script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略如果需要则可以再创建一个新的script标签用于编写内部代码
    1.JS中严格区分大小写
    2.JS中每一条语句以分号(;)结尾
    - 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源,
    - 而且有些时候,浏览器会加错分号,所以在开发中分号必须写
    3.JS中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化
    
    

    作业

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>导航条-01</title>
        <style type="text/css">
            ul{
                margin:0;
                padding:0;
                list-style:none;
            }
            .box1{
                width:960px;
                height:42px;
                border:#333 solid 1px;
                margin:50px auto;
            }
            li{
                font-size:14px;
                font-style:'雅黑';
                float:left;
                margin:0 auto;
                line-height:42px;
            }
            .box2 a{
                margin:0 20px;
                text-decoration:none;
                color:#333;
            }
            .box3{
                margin-left:150px;
            }
        </style>
    </head>
    <body>
        <div class="box1">
            <ul class="box2">
                <li class="box3"><a href="#">首页</a>|</li>
                <li><a href="#">网站建设</a>|</li>
                <li><a href="#">程序开发</a>|</li>
                <li><a href="#">网络营销</a>|</li>
                <li><a href="#">企业VI</a>|</li>
                <li><a href="#">案例展示</a>|</li>
                <li><a href="#">联系我们</a>|</li>
            </ul>
        </div>
    </body>
    </html>
    
    image.png

    相关文章

      网友评论

          本文标题:JS

          本文链接:https://www.haomeiwen.com/subject/qnyitqtx.html