javascript语句

语句:使用一或多个关键字来完成给定任务 if语句:可以嵌套多个if…esle… 12345if () { ... } else { ...} do-while语句: 一种后测试循环语句 PS:最常用于循环体中的代码至少要被执行一次的情形

发布于 Web前端

操作符

算术操作符(如加号和减号)、位操作符、 关系操作符和相等操作符 一元运算符:只能操作一个值的操作符 1.递增或递减 123456// 递增var age = 29; ++age;// 递减var age = 29;--age; 2.一元加和减操作符

发布于 Web前端

变量与数据类型

ECMAScript的变量是松散类型:可以用来保存任何类型的数据 var let const 123var message = 'hello word' // 右边赋值到左边 var 声明语句声明一个变量let message = 'hello word' // let声明一个块级作用域的本地变量const messgae = 'hello word' // 常量是块级作用域,很像使用 let 语句定义的变量。常量的值不能通过重新赋值来改变,并且不能重新声明。 注:在严格模式下,不能定义名为 eval 或 arguments 的变量,否则会导致语法错误 数据类型: 5中简单数据类型(基本数据类型):一种复杂数据类型

发布于 Web前端

关键字与保留字(了解)

特定用途的关键字,来表示控制语句的开始或结束,或用于执行特定的操作。但是不能用作标识符 break do instanceof typeof case else new var catch finally return void continue for switch while debugger* function this with default if throw delete in try 关键字

发布于 Web前端

语句

语句以一个分号结尾;如果省略分号,则由解析器确定语句的结尾。虽然语句结尾分号不是必须的,但最好不要省略它,∵加上分号可以避免很多错误(输入不完整)压缩js的时候也不会导致压缩错误,也可以增进代码的性能。多条语句组合到一个代码块中,则需要左花括号( { )开头,右花括号({)结尾

发布于 Web前端

javascript概念基础

区分大小写,不能用关键字命名,标识符则指变量、函数、属性的名字,或者函数的参数: 第一个字符必须是一个字母、下划线(_)或一个美元符号($);其它字符可以是字母、下划线、美元符号或数字。命名的时候首字母不能是数字 PS:不能把关键字、保留字、true、false 和null 用作标识符

发布于 Web前端

文档模式(了解)

HTML文档模式是通过使用文档类型DOCTYPE来指定的。DOCTYPE中会引用对应的dtd文件,这个文件告诉浏览器按什么标准、规则来解析文件。html5标准不依赖于SGML规则,所以不需要引用dtd文件。 文档模式是:混杂模式(quirks mode) 和 标准模式(standards mode)以及IE提出的 准标准模 式(almost standards mode)。而准标准模式,...

发布于 Web前端

html中使用JavaScript

javascript在html中主要使用方法是<script>元素,有6个属性: async charset defer language src type 可选 可选(少) 可选 废用 可选 可选 立即下载脚本,不妨碍页面其它操作 指定代码字符集 延迟文档完全被解析和显示之后执行外部脚本有效 执行代码的外部文件 脚本语言内容类型 两种使用方式:直接页面嵌入js代码 和引入包含外部js文件

发布于 Web前端

扩展运算符(...)

扩展运算符(spread):是三个点(…)。主要用于函数调用/数组构造是,将数组表达式或者string在语法层面展开,但值得注意的是如果扩展运算符后面是一个空数组,则不产生任何效果,而且只有函数调用时,扩展运算符才可以放在圆括号中,否则会报Uncaught SyntaxError: Unexpected number 语法: 函数调用 1myFunction(...iterableObj); 数组结构或字符串

发布于 Web前端

javascript基础二

javascript由以下三个不同的部分组成:核心(ecmascript)文档对象模型(dom)浏览器对象模型(bom) 规定:语法 类型 语句 关键字 保留字 操作符 对象

发布于 Web前端

数组

javascript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。 创建数组:属性——Array.length于Array.prototype[] 123var fruits = ['App', 'ios']// 打印数组console.log(fruits.length) 遍历数组: 123fruits.forEach( (item, index, array) =...

发布于 Web前端

编译的三个步骤(了解)

分词/词法分析(Tokenizing/Lexing) 将由字符组成的字符串分解成有意义的代码块,被称为词法单元 他们俩的主要差异在于词法单元的识别是通过有状态还是无状态的方式进行的 解析/语法分析(Parsing) 将词法单元流(数组)转换成一个有元素逐级嵌套所1组成的代表了程序语法结构的书,被称为抽象语法树也就是常说的AST,全名为Abstract Syntax Tree 代码生成 将AS...

发布于 Web前端

js 基础(一)

js的语法基础:(ECMASCRIPT) js的书写位置: 内嵌式写法: 外联式写法:【大项目】 eg:参照css的书写位置(1.行内式2.内嵌式3.外联式) 1.最好写在body的后面外联式写法:【大项目】 1.新建js文件(后缀名就是.js)【直接写js 】 1通过<script src='js文件路径'></script>引用js文件 行内式写法:(了解) 11.点击事件onclick js输出消息:

发布于 Web前端

js高级(三)

this的使用: ●this是特殊的标识符,代表某个对象值。取值根据函数的调用方式会发生变化 ●全局中直接访问this,默认window 构造函数中this,默认为实例对象 方法中的this,默认为调用者 自调用函数与模块化 模块:块、部分意思。 模块化:指的是,将没进行 依赖:就是使用的意思 【文件不能划分全局作用域】

发布于 Web前端

JavaScript高级(二)

三个对象: 1.构造函数2.原型对象3.实例对象 三者关系小结: 1.构造函数:都是prototype属性,就是原型对象 2.实例对象:都是有_ _ proto _ _属性,也是原型对象 3.原型对象:具有constructor属性,也就是构造函数 注:两个对象同名不覆盖、不冲突 对象访问规则: 对象进行属性访问,先查找自身,如果没有再找__opsiodfoa__,并一直重复此过程

发布于 Web前端

JavaScript高级(一)

注:浏览器展示的小问题: 复杂类型在控制台输出是,进行展看操作后,会读取的最新值 浏览器重要组成部分: 内核(渲染引擎): html /css—webAPI(DOM/BOM) W3C规范 js解析器(Javascript引擎): ECMScript

发布于 Web前端

回顾和BOM模型最后一部分

回顾 xx元素.style.left = - 200 * i + ‘px’ xx元素.style.left=‘translateX( - ’ + 24*i + ’ % )’ 定时器设置全局变量以防反复创建 assign(url) localStorage.setlten对象 sessionStorage对象

发布于 Web前端

BOM模型

BOM模型 全局变量 全局函数 123var v1 = 10是全局变量,则v1 === window.v1为真function fn1 = function(){...}是全局函数,则fn1 === window.fn1为真注:可以不使用window.前缀

发布于 Web前端

event方法

事件流 a标签的链接 【】 form标签的提交 【】 return false--------其它做法 event事件: 属性:target,type,clientX/Y,pageX/Y,keyCode

发布于 Web前端

事件处理

事件处理 事件源:事件类型:事件处理函数: 事件三要素其实就是设定某个元素上发生了某个时间后要做什么事 事件绑定(事件注册) 常用事件概览(on) 鼠标事件: click,dblclick mouseover:鼠标进入某个盒子范围的那个时刻 mouseout:离开 mousemove:鼠标移动事件,通常是一个持续时间。

发布于 Web前端

修改元素内容和属性

修改元素内容和属性 原生html属性操作: 取值:console.log(xx元素.src) 赋值:xx元素.alt = ‘abc’; js不带单位 自定义属性 设置一个属性的值 ​ xx元素.setAttribite(‘属性名’,‘属性名’)

发布于 Web前端

js基础(argment)

**1.argment:**在函数中获取参数的信息----------[个数、值] (注:无法确定用argment,明确用形参(ps:缩写) ps: 本质上是个函数 **全局变量: ** 局部变量: 作用域链 可以在任何作用域使用 可以用return返回值(达到全局) 连接两个作用域链 获取对象中的值: 1.对象名.属性名 2.对象名[‘属性名’]

发布于 Web前端

DOM模型

DOM模型 JavaScript由以下三部分构成 1.ECMAScript 2.Bom(浏览器对象) 3.Dom(文档对象) 1注:<script>放在body的最后面

发布于 Web前端

事件对象event属性

事件对象event属性 事件对象的使用方法 处理函数定义是作为函数的第一个形参,就代表event对象: enter编码13 123xx元素.onxx事件 = function(e){ //在此函数中,e就代表event对象} 或 123xx元素.addEventListener('xx事件',function(e)){//在此函数中,e就代表event对象} 或

发布于 Web前端

js(一)

js 1234行内式: 学习阶段1.先准备一个html2.在html页面中任何一个位置,添加一个<script></script>标签 3.对应代码 1234外联式: 大项目1.单独一个js文件 .js2.在js文件直接写对应的js代码3.通过<script src="js文件路径"> </script>----引用js文件 123456789101112131415当前一个值是变量不需要加单引号....console.log('要展示的信息');控制台注意:1.在程序中遇到的任何一个特殊符号,都必须是英文输入法的符号2.9.alert('新窗口'); 弹出窗口3.document.write('展示信息');网页4. 获取用户输入信息prompt('提示用户要输入的信息'); 变量:

发布于 Web前端

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

唯獨少了個字.