1、JavaScript是什么?

【解释】: 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。
【作用】:

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

【组成】:

  • ECMAScript: 规定了js基础语法核心知识。
  • Web APIs :
  • DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作。
  • BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等。

2、JavaScript的书写位置

  1. 内部 JavaScript: 直接写在html文件里,用script标签包住。

【规范】: script标签写在上面。

注意事项:

  • 我们将 script放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。
  • 如果先加载的 JavaScript 期望修改其下方的 HTML,那么它可能由于 HTML 尚未被加载而失效。
  • 因此,将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。
  1. 外部 JavaScript

代码写在以.js结尾的文件里

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

注意事项:

  • script标签中间无需写代码,否则会被忽略!
  • 外部JavaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML 也会更加易读,因此这是个好的习惯。
  1. 内联 JavaScript

代码写在标签内部

3、JavaScript的注释

  1. 单行注释
  • 符号://
  • 作用://右边这一行的代码会被忽略
  • 快捷键:ctrl + /
  1. 块注释
  • 符号:/* */
  • 作用:在/* 和 */ 之间的所有内容都会被忽略
  • 快捷键:shift + alt + A

4、JavaScript的结束符

结束符

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

5、JavaScript的输入输出语法

  1. 输出语法:
document.write("你好啊!")
        
        document.write("<h1>你好啊!</h1>")
  • 向body内输出内容
  • 如果输出的内容写的是标签,也会被解析成网页元素
alert("我不好!!!")
  • 页面弹出警告对话框
console.log("你好哈!");
  • 控制台输出语法,程序员调试使用
// 输入语句
        prompt("请输入您的大名?")
  • 输入语句

6、字面量

在计算机科学中,字面量(literal)是在计算机中描述 事/物

  • 我们工资是: 1000 此时 1000 就是 数字字面量
  • 还有接下来我们学的 [] 数组字面量 {} 对象字面量