当前位置：首页 > news >正文

01---js基础

news 2026/5/12 13:38:04

一、js的简介

1.1、JS是什么

JavaScript----是一种面向对象的脚本语言。

是由Netscape Communications Corporation（网景公司）Brendan Eich（布兰登·艾奇）创造的

标准命名：ECMAScript

1.2、js能做什么

表单动态校验(密码强度检测)(JS产生最初的目的)
网页特效
桌面程序(Electron)
服务端开发(Node.js)
App(Cordova)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)
很多框架，我们熟知的微信小程序、插件扩展、游戏特效、刷浏览量……很多都是可以利用JS开发使用的

1.3浏览器执行js

浏览器由多个部分组成其中就有：渲染引擎和JS引擎
渲染引擎：用来解析html和css，所称内核
JS引擎：也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行
浏览器本身并不会执行JS代码，而是通过设置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转成机器语言），然后由计算机去执行。所以JS语言归为脚本语言，会逐行解释执行

1.4、js的组成

（1）ECMAScript（ JavaScript的核心是规范标准）
描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义)。
只学习基础语法，做不了常用的网页交互效果，为后面的内容打基础，做铺垫
（2）DOM（Document Object Model文档对象模型，可以去操作网页）

下面（倾斜）的了解一下：
Document(文档)
指的是XML和HTML的页面，当你创建一个页面并且加载到Web浏览器中，
DOM就在幕后悄然而生，它会把你编写的网页文档转换成一个文档对象。
Object(对象)
js对象大致可以分为以下三种：
自定义对象，例如：var obj = {}
内置对象，无需创建，可直接使用，例如：Array、Math和Data等
宿主对象，浏览器提供的对象，例如:window、document
DOM中主要关注的就是document， document对象的主要功能就是处理网页内容。
Model（模型）代表着加载到浏览器窗口的当前网页，可以利用JavaScript对它进行读取
（3）BOM浏览器对象模型，操作浏览器

1.5、js输入输出语句

（1）、js注释

多行注释，注释中的内容不会被执行，但可以在源代码中查看

默认的快捷键：shift+alt+a

单行注释，// 只对后面的内容有效

默认快捷键：ctrl+/

注释作用：养成良好的编写注释的习惯，可以通过注释对代码进行一些调试

2）、输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句

//1.控制台输出 //console.log('你好'); //2.警告框输出 // alert('你好02'); //3.页面输出 // document.write('你好03'); //1.页面输入 // prompt("请输入你的姓名："); //控制台输出用户的输入 //console.log(prompt("请输入你的姓名：")); //.警告框输入 // alert(prompt("请输入你的姓名：")); //.页面输入 // document.write(prompt("请输入你的姓名：")); //2.确认框输入：confirm console.log(confirm("你确定要取消吗"));

都可以加window.,功能一样

1.6、js书写位置（4种位置）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</title> <!-- 第二种：head标签内写scrip--> <cript> console.log("第二种"); </script> <!-- 第三种：通过scrip标签引入外部js文件 --> <script src = "./01.js"></script> </head> <body> <!-- 第一种：body标签内写scrip --> <script> console.log("第一种"); </script> <!-- 第四种：写在标签事件属性值当中 --> <!-- onXXXX:事件属性 onclick:当鼠标点击时，触发onclick属性值的代码 ondblclick:当鼠标双击时触发 onmouseover:当鼠标移入时触发 onmouseout:当鼠标移出时触发 --> <button onclick="console.log('第四种1')">按钮</button> <button ondblclick="console.log('第四种2')">按钮</button> <button onmouseover="console.log('第四种3')">按钮</button> <button onmouseout="console.log('第四种4')">按钮</button> </body> </html>

1.7、js基本语法

（1）js中严格区分大小写
（2）js中每一条语句以分号（;）结尾
如果不写分号，浏览器会自动添加，但会消耗一些系统资源,大部分情况下，可以不加分号，
一些特殊情况，必须要加分号，如果你不加，浏览器默认添加的，可能会加错
（3）js中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

查看全文

http://www.jsqmd.com/news/463208/