考核内容: js基础DOM操作 题发散度: ★★★ 试题难度: ★★ 解题思路: 对象定义 你可以使用字符来定义和创建 JavaScript 对象: var person = {name:"shuke"..., age:30, eyeColor:"black"}; 对象属性 可以说 "JavaScript 对象是变量的容器"。...但是,我们通常认为 "JavaScript 对象是键值对的容器"。 键值对通常写法为 name : value (键与值以冒号分割)。 键值对在 JavaScript 对象通常称为 对象属性。...答案: 注意选择是不是的方法,只有第一个; A. function a(){}
考核内容:js BOM操作 题发散度: ★★★ 试题难度: ★★ 解题思路: alert,write,console 是页面调试及输出的主要方式; 而 createElement() 方法通过指定名称创建一个元素
1、如果在网速慢的情况下,不先加载css,会先出现html结构然后出现css,会有短暂的乱码状态 2、js通常是获取html标签给予动态操作效果的 Js中常用的四种输出方式?...可以使用数字、字母、下划线、$(数字不能作为首位 3、不能使用关键字和保留字 Js中的变量和数据类型? Js中的变量是一个抽象的概念,变量是用来存储值和代表值。...、如果两个值比较是否相等,遵循这个原则:val1==val2 两个值可能不是同一类型的,如果是==比较的话,会进行默认类型转换 1>对象==对象 永远不相等 2>对象==字符串 先将对象转换为字符串...通过.或者[]来访问 数组中有一个叫做length的属性,这个属性是浏览器天生就给数组添加的(不是我们自己编写的属性) 案例:for循环数组 for in循环 数组中的常用15个方法 1.方法的作用...('+') 把数组按照指定的分隔符拼接成字符串,原来的数组不变 eval() js中把字符串变成js表达式执行的一个方法 思考:给数组中的每一项进行相加求和 排序和排列 arr.reverse
不是数组。索引从0开始 arguments.length 获取实参的个数。...在js中, age = 20这个变量,却被t2捕捉, 即使t1执行完毕,通过t2,依然能访问该变量 这种情况---返回的函数,并非孤立的函数,甚至把其周围的变量环境, 形成了一封闭的"环境包",共同返回..., 所以叫"闭包" ----一句话概括-----函数的作用域取决于声明时,而不取决于调用时 JS对象的特点 在js中,有对象,没有类(但有构造函数), JS中的对象,不依赖于类而存在, 支持任意添加和删除属性...JS封装 通过闭包来完成js面向对象的私有属性与封装 ?...关于JS继承与原型链的问题 每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用
AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。...Ajax使用步骤 1.创建ajax对象 2.打开这个对象 3.发送请求 4.监听请求 小案例 1.在同目录下创建一个 文本1.txt 文件,在里面输入要读取的内容 2.创建ajax的使用的html... <script src="ajax.<em>js</em>...name:"孔",addr:"赣州"},{no:2,name:"李",addr:"抚州"},{no:3,name:"李",addr:"南昌"},{no:4,name:"左",addr:"南昌"}] 在js... <script src="ajax.<em>js</em>
js的编写位置: 标签的属性中(不推荐) 可以将js代码编写到标签的onclick属性中。当我们点击按钮时,才会执行!...可以将js代码写在超链接的href属性中,点击超链接时,会执行js代码 script标签中。 编写到外部js文件中,然后引入。...最小值:Number.MIN_VALUE,大于0的最小值。 NaN 是一个特殊的数字,表示Not A Number。 js中整数的运算基本可以保证精确。 如果使用js进行浮点数运算,可能不精确。...+= -= *- /= %= 自增自减 自增:(++) 可以使变量在自身的基础上+1; 自增分为两种:后++(i ++),前++(++ i),无论是i++还是++i,都会立即使原变量值增加1。...例子: var c = 10; var sum = c++ + ++c + c; //10 + 12 + 12 = 34 console.log(sum); 自减:(–) 在自身基础上减一。
true,代码会执行 若条件结果不是布尔型,则会发生隐式转换成布尔型 双分支 语法: if(条件) { 满足条件要执行的代码 } else { 不满足条件执行的代码 } 多分支 语法:...满足条件要执行的代码 : 不满足条件执行的代码 一般用来取值 switch语句 语法: switch(数据) { case 值1: 代码1 break...值,并执行里面对应的代码 若没有全等 (===) 的则执行default里的代码 注意: switch case语句一般用于等值判断,不适合于区间判断 switch case一般需要配合break关键字使用...while大括号里代码执行完毕之后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又要执行大括号里的代码,然后再回到小括号判断条件,知道括号的条件不满足,即跳出 循环三要素: 变量起始值 终止条件...: 当如果明确了循环的次数的时候推荐使用for循环 当不明确循环的次数的时候推荐使用while循环 退出循环 continue:结束本次循环,继续下次循环 break:跳出所在的循环
不是所有的函数都需要返回值,比如 alert(‘弹框’) 函数返回值 return 语法: return 数据(要返回的内容) function getSum(x,y)...,而限定这个名字的可用性的代码范围就是这个名字的作用域。...作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。...类型 全局作用域 全局有效 作用于代码执行的整个环境(整个script标签内部或者一个独立的js文件) 局部作用域 局部有效 作用于函数内的代码环境,就是局部作用域 也称为函数作用域,...在函数外无法访问函数内的变量 块级作用域 通过let声明定义的变量,在{}里面形成的区域。
js基础练习 目录 求3个数中的最大值和最小值 判断一个数是否是偶数 点击li元素时展示该元素内容 点击按钮实现在ul开头结尾添加li 鼠标放置li元素上, 显示对应图片 求3个数中的最大值和最小值...event.target.innerText); }, false); } btn_start.addEventListener('click', function(event) { // 用原生js...ele_content[0].value = '' }, false) btn_end.addEventListener('click', function(event) { // 用原生js
Error所有错误类型的父类型 * EvalError * RangeError:参数范围异常,toFix(num), 0=<num<=100(最新Chrome) * ReferenceError...错误处理 * * try包裹的范围尽可能小;finally释放对象;finally可有可无:,大对象在finally主动释放 3. try catch使用场景 * 开发人员不可预知的错误...* 回调函数:(1)事件处理函数 (2)比较器sort(function(a,b){return a - b;}) * 自调函数:(function(){})(),不需要重用的函数
BOM对象(把浏览器的地址栏,历史记录,DOM等装在一个对象) 浏览器内部有JS解释器/引擎;在html里的JS代码会被引擎所执行,执行的结果是对DOM对象的操作(即是对节点树内的标签进行操作) JS添加特效...: 无非就是用JS操作DOM对象而已 JS的引入方式 JS代码可在html中任意位置编写,但浏览器解析代码是从上到下的,需注意此时html是否已经解析该标签,能让JS能否获取该DOM对象,所以有时会把代码放到...Js的内置对象的使用 ? ? window对象 window对象和JS没关系;是浏览的一个数组对象,供JS来操作。...找表标签对象 不会的方法到h3c查找HTML DOM 手册 方法名如果返回是集合则getElements ,如class,P等标签都不是唯一的所以s id唯一返回对象,P等不唯一返回集合 ?...定时器的使用 不是js的内容属于浏览器的 setTimeout (表达式,延时时间) : 设置在延迟多少时间执行一次一个表达式 clearTimeout(名); 设置清除这个延迟器 ?
所以存在兼容性的问题。 事件冒泡 事件冒泡就是当事件的对象有父子级关系时,当执行子级事件后,父级事件也会因为事件冒泡,也会执行,因此,大多数时候,事件冒泡需要消除。...在火狐或者谷歌浏览器下,使用事件的方法是将函数中传进来的e; 而在IE浏览器下,使用事件不需要传进e,直接使用event。...所以为了避免事件的兼容性问题 var oEvent = e || event; 一般使用这样的方法来消除浏览器对事件的兼容 鼠标点击事件 鼠标的位置 oevent.clientX:返回鼠标的横坐标的位置...:animate.js 代码如下 <!...{ margin: 20px 10px; } <script src="封装animate.<em>js</em>
---- 这是我参与8月更文挑战的第26天,活动详情查看:8月更文挑战 一、语法 1.对象 var person ={ name : "nic", age:29 };...// 对象的标准方式 var person ={ "name":"nic", "age":29 }; // Json中的对象给属性加引号 { "name":"nic...", "age":29 } //json //与javaScript对象的区别: 结尾;号 json中属性值必须加引号 2.数组 [ {...], edition:2 } ] 二、解析与序列化 Json可以解析为JavaScript对象 books[1].title //就可以得到第二本书的书名...字符串不包含任何空格 值为undefined的任何属性都会被跳过,结果最终都是有效json数据类型的实例属性 JSON.stringify(book)除了要序列化的javascript对象外,还可接收两个参数
内存模型、作用域 * fun()//作用域环境栈,调用的时候出栈,其中的局部变量的生命周期和其所在方法一致 * 全局变量和网页(window对象)一致 * 栈和堆中的变量的生命周期完全不一样...* JavaScript的对象本质就是一个关联数组。 4. toString()会自动被调用,所有对象都有该方法。 5....二维数组:数组的数组。数组中的元素也是数组。 9. sort()源码是C++写的。 10....字符串(不可改变) * 用变量保存字符串API返回的串。 * 频繁对字符串拼接需要使用数组,无中间对象产生:先push()后join()。...* slice(start,end) 方法可从已有的数组中返回选定的元素。 14. 正则表达式 * ,匹配中文 * 15.
对象 可以理解为一种无序的数据集合 比如 描述学生信息 静态特征(姓名,年龄,性别,身高…) ——> 使用数字, 字符串, 数组, 布尔类型等表示 动态行为 (唱歌,跳舞,打篮球)——> 使用函数表示...删除对象中的属性 delete 对象名.属性名 3. 修改对象中的值 对象.属性 = 值 对象.方法 = function() {} 4....查询对象 对象.属性 (或者 对象[‘属性’]) 对象.方法() 遍历对象 对象和数组区别 对象没有像数组一样的length属性,无法确定长度 对象里面是无序的键值对,没有规律,不像数组里面有规律的下标...方法有 random:生成0-1的随机数 生成0-10的随机数 Math.floor(Math.random() * (10 + 1)) 2....生成5-10的随机数 Math.floor(Math.random() * (5 + 1)) + 5 3.
return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url...
大家好,又见面了,我是你们的朋友全栈君。 JS基础——cssText的用法 #div1{ width...但cssText也有个缺点,会覆盖之前的样式。
== 函数 定义: 函数的近代定义是给定一个数集A,假设其中的元素为x,对A中的元素 x施加对应法则f,记作f(x),得到另一数集B,假设B中的元素为y,则y 与x之间的等量关系可以用y=f(x...[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。 ...作用域链:[[scope]]中所存储的执行期上下文对象的集合,这个集合呈链 式链接,我们把这种链式链接叫做作用域链。 运行期上下文:当函数执行时,会创建一个称为执行期上下文的内部对象。...一个执行期上下文定义了一个函数执行时的环境,函数每次执行时的执行上下文 都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,函数每次 执行时,都会把新生成的执行期上下文,填充到作用域链的最顶端...当函数执行 完毕,它所产生的执行上下文被销毁。 查找变量:从作用域链的顶端依次向下查找。
◆ 应用外部脚本库 ,浏览器会在该HTML文件所在的目录下查找 menu_data.js...文件,如果把js 文件存放在别的目录中,则SRC 属性值必须反映出那个目录,也就是必须确保该HTML 文件能够找到 js 文件。...:条件语句关闭圆括号后的换行并不是给其一个分号。...所有其它字符串都被当作是十进制的。如果 numString 的前缀不能解释为整数,则返回 NaN(而不是数字)。....JavaScritp概述 2.JS对象的简单介绍 <ahref="JsTest2.htm" target
1.JS基础概念JavaScript」运行在客户端的脚本语言,不需要编译,由js解释器(js引擎)逐行解释执行。Node.js也可以用于服务器端编程。...「JavaScript组成」ECMAScript(JavaScript语法)、DOM(文档对象模型)、BOM(浏览器对象模型)JavaScript的作用表单动态校验(密码强度检测)网页特效服务端开发(Node.js...行内式:点击事件写在hmtl标签里面内嵌式:js代码写在script标签里面外部式:有单独的js文件,html里面以script引入。...2.console对象在调试 JS 代码时,我们经常使用 alert() 或者 console.log() 方法来输出信息console 对象拥有多种方法可以更好的呈现信息...,表示出错,同时会显示错误发生的堆栈。
领取专属 10元无门槛券
手把手带您无忧上云