javascript
游啊游游啊
这个作者很懒,什么都没留下…
展开
-
javascript-脚本化CSS
脚本化CSS读写元素css属性查询计算样式查询样式封装兼容性方法查找,操作样式表读写元素css属性dom.style.prop可读写行间样式,没有兼容性问题,碰到float这样的保留字属性,前面应加csseg:float — > cssFloat复合属性必须拆解,组合单词变成小驼峰式写法写入的值必须是字符串格式var div = document.getElementsByTagName('div')[0];div.style.boder = "2px solid black";原创 2020-05-28 21:29:25 · 122 阅读 · 0 评论 -
javascript-dom补充
Dom补充查看滚动条的滚动位置查看视口的尺寸查看元素的几何尺寸查看元素的尺寸在window上的滚动条滚动查看滚动条的滚动位置window.pageXOffset/pageYOffset:返回滚动像素,IE8及IE8以下不兼容document .body/documentElement . scrollLeft/scrollTop:ie8及以下,兼容性比较混乱,用时取两个值相加,因为不可能存在两个同时有值,不同版本方法不同封装兼容性方法,求滚动轮滚动离getScrollOffset()查看视口原创 2020-05-28 12:54:21 · 237 阅读 · 0 评论 -
javascript-Date
日期对象封装函数,打印当前是何年何月何日何时,几分几秒。var date = new Date();文档:date详情原创 2020-05-28 11:14:27 · 121 阅读 · 0 评论 -
javascript-DOM
DOM定义基本操作note定义DOM — > Document Object ModelDOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。基本操作1.对节点的增删改查查查看元素节点document代表整个文档document.getElementById() //元素id 在Ie8以下的浏览器,不区分id大小写,而且也返回匹配name属性的元素.get原创 2020-05-27 22:53:59 · 109 阅读 · 0 评论 -
javascript-es5严格模式
es5严格模式定义用法note定义es3.0和es5.0产生冲突的部分用es5.0是严格模式;浏览器默认采用es3.0的方法。用法'use strict';:写在逻辑最顶端不再兼容es3的一些不规则语法。使用全新的es5规范。两种用法:全局严格模式局部函数内严格模式(推荐)就是一行字符串,不会对不兼容严格模式的浏览器产生影响。不支持with,arguments.callee,func.caller,变量赋值前必须声明,局部this必须被赋值(Person.call(nul原创 2020-05-27 12:02:34 · 113 阅读 · 0 评论 -
javascript-try.catch
try.catch定义Error.name定义try{//代码正常执行。若出错放弃执行try里面的后续代码,执行catch里面的代码。}catch(error){ alert(error.name + '' + error.message);}Error.nameEvalError:eval()的使用与定义不一致RangeError:数值越界ReferenceError:非法或不能识别的引用数值SyntaxError:发生语法解析错误TypeError:操作数类型错误URIEr原创 2020-05-27 11:34:15 · 84 阅读 · 0 评论 -
javascript-数组
数组定义读和写数组常用的方法其他定义new Array(length/content):length必须是整数。var arr = new Array();var arr1 = new Array(1,2,3,4,5);var arr2 = new Array(10);//长度为10的空数组字面量(推荐)var arr = [];var arr1 = [1,,,,5]//空着的值是undefined读和写arr[num] //不可以溢出读 结果undefinedarr原创 2020-05-26 16:59:42 · 114 阅读 · 0 评论 -
javascript-arguments、this、克隆
arguments、this、克隆this用法例子arguments用法例子克隆浅层克隆深层克隆this用法函数预编译过程 this —> window(全局)全局作用域(GO)里 this —> windowcall/apply 可以改变函数运行时this指向obj.func(); func()里面的this指向obj)例子打印:222,111,222,333.arguments用法arguments.callee:指向函数引用。func.caller:指向原创 2020-05-25 21:48:27 · 121 阅读 · 0 评论 -
javascript-对象枚举
对象枚举属性表示方法对象枚举(遍历)思考问题属性表示方法var obj = { prop : tang;}obj.propobj[“prop”]1和2在计算机内相同,1会转化为2,2括号里必须是字符。对象枚举(遍历)for inhasOwnProperty:判断对象是不是原型属性,所有对象都有,true表示是自己的方法。ininstanceof:A instanceof B ,看A的原型链上有没有B的原型。var obj = { name : '123', age :原创 2020-05-25 17:33:46 · 94 阅读 · 0 评论 -
javascript-继承发展史\命名空间
继承发展史传统形式 —-> 原型链过多的继承了没用的属性借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数共享原型不能随便改动自己的原型圣杯模式原创 2020-05-24 21:53:39 · 146 阅读 · 0 评论 -
javascript-原型
原型定义原型链例子call/apply定义原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。利用原型特点和概念,可以提取共有属性。对象如何查看原型 — > 隐式属性 __ proto __对象如何查看对象的构造函数 — > constructornote:__xxx__意思是尽量不修改原型链如何构成原型链:设置proto的值原型链上属性的增删改查绝大多数对象的最终都会继承自原创 2020-05-23 18:11:47 · 115 阅读 · 0 评论 -
javascript-对象
对象定义增删改查创建方法定义var obj = { name : "", health :100, fn : function(){ obj.health -- ; this.health ++; }}note:字符尽量写单引号,输出单引号可以用转义字符。增删改查增加:obj.age = 20;删除:delete obj.age;delete+空格更改:obj.health = 10;查询:console.log(xxx);创建方法系统自带构造函数v原创 2020-05-20 16:35:00 · 312 阅读 · 0 评论 -
Javascrip-作用域
作用域作用域初探预编译预编译前奏预编译过程。作用域精解[[scope]]作用域链运行期上下文例子作用域初探预编译函数声明整体提升,变量声明提升。document.write(a);var a = 3;结果:打印undefined预编译前奏imply global暗示全局变量:即任何变量,如果变量未经声明就赋值,此变量就为全局对象(window===GO)所有。a = 123; var a = b = 123;结果不报错,。document.write(a);结果报错原创 2020-05-20 11:01:18 · 82 阅读 · 0 评论 -
javascript-包装类
包装类介绍例子介绍new String();new Boolean();new Number();var num = new Number();//这时存储对象num *= 2 ; //这时存储数字例子var str = "abcd";str.length = 2;//new String('abcd').length = 2 ; delete//console.log(str);结果:控制台打印abcd...原创 2020-05-23 08:52:59 · 206 阅读 · 0 评论 -
Javascrip-闭包
javascript-2作用域精解[[scope]]作用域链运行期上下文例子二级目录三级目录作用域精解[[scope]][[scope]]:每个javascript函数都是一个对象,对象中有些属性我们可以访问,但有些不可以,这些属性仅供javascript引擎存取,[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。作用域链作用域链:[[scope]]中所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。运行期原创 2020-05-19 01:04:11 · 84 阅读 · 0 评论 -
Javascrip-函数
Javascrip-1函数定义调用实参与形参返回值函数高内聚,低耦合。定义函数命名需要第一个单词小写,后面单词首字母大写。参数直接定义,不用加var。第一种:函数声明function test(){ xxx;}第二种:表达式声明var test = function test(){ xxx;}第三种:命名函数表达式var test = function abc(...原创 2020-04-19 19:40:37 · 105 阅读 · 0 评论 -
Javascrip-基本语法
Javascript介绍引入方式变量算术基本算术比较运算符介绍JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。引入方式内部引用 <scr...原创 2020-04-17 11:58:23 · 399 阅读 · 0 评论