js
文章平均质量分 72
前行的道路
这个作者很懒,什么都没留下…
展开
-
js 中常用的总结
1:变量声明/*声明变量*/var a;/*给变量赋值*/ a = 100;2:一些常用的用法/*typeof:返回对象的数据类型,undefined被转化为NaN*/var num = "12abc";/*类型转化*//*转化为整形,从数据位开始,一直到非数据位结束*/var int = parseInt(num);document.write("转化为整形"+int+"原创 2018-02-05 10:01:56 · 134 阅读 · 0 评论 -
js 中有关窗口操作的解析
<!--滚动条滚动垂直距离:window.pageYOffset 水平距离:window.pageXOffset 和document.boby.scrollLeft--> function getScrollOffset() { if (window.pageYOffset) { return { x: ...原创 2018-03-02 17:28:41 · 210 阅读 · 0 评论 -
js 中闭包和对象
/*通过闭包实现属性私有化*/var name = '456';var init = (function () { var name = '123'; function callName() { console.log(name); } return function () { callName(); }}())...原创 2018-02-24 10:06:27 · 247 阅读 · 0 评论 -
js 异步加载和json格式
1:json解析 <!--json--> var json = { name: "json", age: 123 } var str = JSON.stringify(json); //"{"name":"json","age":123}" var parse = JSON.parse(str); //原创 2018-03-02 13:55:06 · 1100 阅读 · 0 评论 -
js 中的继承
/*继承*/ //传统方法:过多的继承没有用的属性 Grand.prototype.lastName = "kkk";function Grand() {}var grand = new Grand();Father.prototype = grand; function Father() { this.name = 'father'; } var father =...原创 2018-02-23 15:11:20 · 117 阅读 · 0 评论 -
js实现拖拽的解析(3)
<div style="width: 100px;height: 100px;background-color: #2df2ff;position: absolute;;left: 0; top: 0;"></div>js实现:var div = document.getElementsByTagName('div')[0]; var disx, disy; ...原创 2018-03-01 14:34:08 · 182 阅读 · 0 评论 -
js事件解析(2)
1:html代码:<div class="wrapper"> <div class="content"> <div class="box"></div> </div></div><div style ="width :10原创 2018-03-01 13:26:25 · 136 阅读 · 0 评论 -
js中事件解析(1)
1:事件绑定和解除<div style="width: 100px; height: 100px; background-color: #00cccc" id="firstDiv">999</div>js的实现: var div = document.getElementsByTagName('div')[0]; div.onclick =function () ...原创 2018-02-28 16:22:30 · 151 阅读 · 0 评论 -
js 中对象和构造函数
/*对象:可以有属性和方法 对象的创建方法 1:var obj ={} 对象字面量/对象直接量 2:构造函数 2.1:系统自带的函数 object() Array() eg:var obj = new Object(); 2.2 自定义要符合大驼峰式命名规则 function A(){} var aa= new A(); */var first = { name: "这是一个对...原创 2018-02-08 15:06:43 · 1159 阅读 · 0 评论 -
js中点击不同的按钮对应的选择框出现不同的内容
1:css样式:button{ width: 50px; height: 40px;}.wrapper div { display: none; width: 100px; height: 100px; border: 2px solid red;} .active{ background-color: #2df2ff;}2:...原创 2018-02-27 14:35:19 · 3608 阅读 · 0 评论 -
js 中闭包和立即执行函数
/* 每个javascript函数都是一个对象,对象中有些属性我们可以进行访问,但有些属性不可以,这些属性仅供javascript引擎存取,其中[[scope]]就是其中一个 作用域就是[[scope]]所指的,查找对象的时候从作用域量的顶端依次向下查找 这里需要注意一个问题:执行上下文相对应GO :是按顺序从上往下执行的,其中销毁执行上下文AO:回到被定义的状态,等待下次被执行 */原创 2018-02-07 11:05:32 · 1352 阅读 · 0 评论 -
js数组
/*数组*/var arr = [];//这里需要注意下:当只有一个值的时候,就会显示一个长度为10的空值var arr1 = [];//数组的读和写/*arr[num]*/ //这里不可以溢出读也就是是结果为undefined/*arr[num] = xxx;*/ //可以溢出写//数组的方法/*在最后一位添加数据*/arr.push(23,41,56);//noinspe...原创 2018-02-27 10:46:22 · 347 阅读 · 0 评论 -
js 原型和call()总结
/*原型也是一个对象把共有的属性或者方法放在原型中*///Person.prototype 原型/*Person.prototype = { } 祖先*/Person.prototype.name = "这是祖先的名称 ";/*多个属性可以这样定义*/Person.prototype = { age : 20, sex :"女", constructor ...原创 2018-02-11 14:58:25 · 479 阅读 · 0 评论 -
js 中this 使用和深层拷贝
/* this的使用:在预编译的过程this指向是window 在全局作用域里this指向是window call/apply 改变this的指向 obj.function();function()里面的this指向的是obj */var obj = { a: function () { console.log(this.name) }, n...原创 2018-02-24 16:26:48 · 2370 阅读 · 2 评论