01_JavaScript的基本语法介绍

导读:本篇文章讲解 01_JavaScript的基本语法介绍,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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) {}
      

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/120162.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!