01_JavaScript的基本语法介绍

迈不过友情╰ 2023-09-28 08:32 55阅读 0赞

#### js的编写位置 ####

*  编写位置一: 编写在html内部(了解)
    
     *      <a href="#" onclick="alert('百度一下')">百度一下</a>
            <a href="javascript: alert('百度一下')">百度一下</a>
 *  编写位置二: 编写在script元素之内
    
     *      <a class="google" href="#">Google一下</a>
              
            <script>
              var googleAEl = document.querySelector(".google")
              googleAEl.onclick = function() {
                    
                alert("Google一下")
              }
            </script>
 *  编写位置三: 独立的js文件
    
     *      <script src="./js/bing.js"></script>

#### noscript元素的使用 ####

*  作用: 当浏览器不支持js代码时 可以进行友好提示
    
     *      <noscript>
              <h1>您的浏览器不支持JavaScript, 请打开或者更换浏览器~</h1>
            </noscript>
              
            <script>
              alert("您的浏览器正在运行JavaScript代码")
            </script>

#### js的加载顺序 ####

*  作为HTML文档内容的一部分，JavaScript默认遵循**HTML文档的加载顺序**，即**自上而下的加载顺序**；
 *  **推荐**将JavaScript代码和编写位置放在**body子元素的最后一行**

#### js的交互方式 ####

*  **交互方式一:**
    
     *  **alert()** 弹窗查看
     *      alert("Hello World");
 *  **交互方式二:**
    
     *  \*\*console.log() \*\* 将内容输出到控制台中(console)
     *      console.log("Hello Coderwhy");
 *  **交互方式三:**
    
     *  **document.write()** 将内容写入页面文档
     *      document.write("Hello Kobe");
 *  **交互方式四(了解):**
    
     *  **prompt()** 作用获取用户输入的内容
     *      var result = prompt("请输入你的名字: ");
            alert("您刚才输入的内容是:" + result);

#### js常见三种注释 ####

*      // 1.单行注释
 *      /*
        	2.多行注释
        	2.多行注释
        */
 *  **文档注释** 用于对封装函数的作用 或者参数注释
    
     *      /**
              * 和某人打招呼
            	* @param {string} name 姓名
            	* @param {number} age 年龄
            */
            function sayHello(name, age) {
                    }