JavaScript介绍

172 阅读2分钟

1.JavaScript是什么

是一种运行在客户端(浏览器)的编程语言,实现人机(页面)交互效果

  • JavaScript的作用

    • 网页特效(监听用户的一些行为让网页做出对应的反馈)
    • 表单验证(针对表单数据的合法性进行判断)
    • 数据交互(获取后台的数据,渲染到前端)
    • 服务器编程(node.js)
  • JavaScript的组成

    • ECMAScript(基础语法): 规定了JS基础语法核心知识(变量,分支语句,循环语句,对象等)

    • Web APIs:

      1. DOM: 操作文档,比如对页面元素进行移动,大小,添加删除等操作(DOM属于BOM)
      2. BOM: 操作浏览器,比如页面弹窗,检测窗口宽度,存储数据到浏览器
      3. 权威网站:MDN

2.JavaScript书写位置

注意:书写的位置尽量写到文档末尾 前面

  • 内部:直接写在html文件里,用script标签包住

    规范:script标签写在</body>上面
    
<body>
    <script>
        alert('身体健康')
    </script>
</body>
  • 外部:代码写在以.js结尾的文件里

    语法:通过script标签,引入到html页面中

<script src="my.js"></script>
  • 内联:代码写在标签内部
<button onclick="alert('我出来了')">按钮</button>

3.JavaScript的注释

  • 单行注释

    1. 符号://
    2. 作用://右边这一行的代码会被忽略
    3. 快捷键:ctrl + /
  • 块注释(多行注释)

    1. 符号:/* */
    2. 作用:在/* 和 */ 之间的所有内容都会被忽略
    3. 快捷键:shift + alt + A

4.JavaScript的结束符

  • 代表语句结束
  • 英文分号 ;
  • 可写可不写(现在不写结束符的程序员越来越多)
  • 换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行
  • 因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符
  • 但为了风格统一,要写结束符就每句都写,要么每句都不写(按照团队要求.)

5.输入和输出语法

  • 输入语法

    prompt('请输入你的名字');

  • 输出语法

    • document.write('要输出的内容');

      1. 向body内输出内容
      2. 如果输出的内容写的是标签,也会被解析成网页元素
    • alert('要输出的内容');

      1.页面弹出警告对话框

    • console('控制台打印');

      1.控制台输出语法,程序员调试使用