AI写作智能体 自主规划任务,支持联网查询和网页读取,多模态高效创作各类分析报告、商业计划、营销方案、教学内容等。 广告
[TOC] # js介绍 ![](https://img.kancloud.cn/50/13/5013917c657af4adf1aef9de082bb2cf_1059x507.png) # 1 JavaScript的作用 ●表单动态校验(密码强度检测) ( JS 产生最初的目的) ●网页特效. ●服务端开发(Node.js) ●桌面程序(Electron) ●App(Cordova) ●控制硬件-物联网(Ruff) ●游戏开发(cocos2d-js) # HTML/CSS/JS的关系 ![](https://img.kancloud.cn/d1/d5/d1d5b13ec722eb88f21335c738c75912_1140x625.png) # 1.4浏览器执行JS简介 浏览器分成两部分:**渲染引擎**和**JS引擎** ●**渲染引擎**:用来解析HTML与CSS ,俗称内核,比如chrome浏览器的blink ,老版本的webkit ●**JS引擎**:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8 **浏览器**本身并**不会执行JS代码**,而是通过**内置JavaScript引擎(解释器)**来**执行JS代码**。JS 引擎执行代码时逐行解释每一句源码(转换为机器语言) ,然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。 # js的组成 ![](https://img.kancloud.cn/69/65/69656c95e33a5b8d16ddaeaa2568c01b_943x430.png) ## 1、ECMAScript ![](https://img.kancloud.cn/1b/ca/1bca718b7fdac8404c11ca8da3e15bfd_1173x535.png) ## 2、DOM-文档对象模型 ![](https://img.kancloud.cn/d4/51/d451f548d674894da04a1560b20437e4_1147x166.png) ## 3、BOM一浏览器对象模型 ![](https://img.kancloud.cn/57/21/5721cc896e657a5dcb5157253d910e51_1138x169.png) # js 应用模式 ## 行内式 ~~~ <input type="button" va lue="点我试试" onclick="alert ('He1l1o world')" /> ~~~ ![](https://img.kancloud.cn/28/a8/28a8d24e0e65ad240dbe5a962fcf878b_1046x184.png) ![](https://img.kancloud.cn/04/0c/040c29aab21ba8ae24429845a2c3852b_986x274.png) ## 内嵌式js ![](https://img.kancloud.cn/7c/cf/7ccf94a0d3c7b2247f3156b2f0f42f5a_1120x421.png) ![](https://img.kancloud.cn/6e/c0/6ec0c0ebf1d4730ef379fd7e4a6b0a5b_819x331.png) ## 外部引入 ![](https://img.kancloud.cn/58/1d/581de7962292d81f96f5bbef1b2ee286_500x81.png) ![](https://img.kancloud.cn/27/aa/27aa2d52fdfee6c019a90547e9308e26_1081x213.png) # js 注释 [//1.单行注释](https://1.xn--4kr080d9lt0vi/)ctrl + / /\* 2.多行注释 \*/ 默认的快捷键shift + alt +a # js 输入输出语句 | prompt(info) | 用户输入 | | --- | --- | | **alert(msg)** | 警告 提示 用户 | | **console.log(msg)** | 程序员看的 在控制台。日志 | ![](https://img.kancloud.cn/9d/44/9d44b9b747741972c4929a321602ec82_1108x297.png) ![](https://img.kancloud.cn/32/b1/32b1841c90aef6b89f78e86d9330586b_667x323.png)