No.28 JavaScript--引入到文件、插入注释和常见输出方式

一、引入JS文件的方式

1.1 嵌入到HTML文件中

  • 放在body或者head中，用<script></script>包起来。
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var num = 10;
        num = 30;
        // 在控制台打印显示
        console.log(num)

    </script>
</body>

　　

1.2引入本地独立JS文件

<body>
    <script src="./test.js"></script>
</body>

　　

1.3 引入网络来源文件

<body>
    <script src="http://code.jquery.com/jquery1.2.1.min.js"></script>
</body>

　　

 二、注释与输出方式

 2.1 JS注释

  • 源码中注释是不被引擎所解释的，它的作用是对代码进行解释。
  • Javascript 提供两种注释的写法:一种是单行注释，用//起头;另一种是多行注释，放在/和/之间。
<body>
    <script>
        //这是个变量
        /*

        */
    </script>
</body>

　　

快捷键：ctrl + ?  或者Ctrl + /

 

2.2 输出方式

  • JavaScript有很多种输出方式，都可以让我们更直观的看到程序运行的结果。

 1. 弹出框（放在script中）

<body>
    <script>
        //这是个变量
        /*

        */
       alert("hahh ")
    </script>
</body>

2.页面输出

<body>
    <script>
        //这是个变量
        /*

        */
       alert("hahh ")
       document.write("hahhhh")
    </script>
</body>

　

3.控制台输出（用的最多）

<body>
    <script>
        //这是个变量
        /*

        */
       alert("hahh ")
       document.write("hahhhh")
       console.log("20 ")

    </script>
</body>

　　

 

posted @ 2025-02-28 16:13  百里屠苏top  阅读(19)  评论(0)    收藏  举报