js介绍

概念

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果

作用

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

组成

ECMAScript

基础·语法：规定了js基础语法核心知识。

比如：变量（let 变量名）、分支语句（if,switch,三元运算符）、循环语句(for,while)、对象(let 对象名 = {})等等

Web APIs

 DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作

 BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

书写位置

行内 JavaScript

代码写在标签内部

<button onclick="alert('hellow~~~')" >点我</button>

内部 JavaScript

直接写在html文件里，用script标签包住

<script> alert('hellow~~~') </script>

规范：script标签写在上面

外部 JavaScript

代码写在以.js结尾的文件里,通过script标签，引入到html页面中。

<script src="./js/myJs.js"></script>

注意： 此时script标签中间无需写代码，否则会被忽略！

JavaScript 注释

单行注释

符号：//

作用：//右边这一行的代码会被忽略

快捷键：ctrl + /

块注释

符号：/* */

作用：在/* 和 */ 之间的所有内容都会被忽略

快捷键：shift + alt + A

JavaScript 输入输出语法

输入语法

语法：prompt('提示信息')

作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

prompt('请输入您的姓名：')

输出语法

网页输出

​ 语法: document.write('网页上显示的内容')
​ 作用: 向body内输出内容，可以识别标签

警告弹窗

​ 语法: alert('弹出警告框上显示的内容')
​ 作用: 页面弹出警告对话框

控制台输出

​ 语法: console.log('显示在控制台的内容');
​ 作用: 控制台输出语法，程序员调试使用

//1.网页输出
    //向body内输出内容
    document.write('网页上显示的内容')
    document.getElementById('demo').innerHTML = '我是修改后的文字'
    // 2.警告弹窗
    // 弹出一个警告框
    alert('弹出警告框上显示的内容')
    // 3.控制台输出
    //仅对程序员可见，方便js代码调试
    //一旦代码有错，控制台爆红，需要修改代码
    console.log('显示在控制台的内容');

JavaScript 代码执行顺序

• 按HTML文档流顺序执行JavaScript代码
• alert() 和 prompt() 它们会跳过页面渲染先被执行