JavaScript
kumayato
誰だって、生きていくには、金も、夢も、必要だ!毎日頑張ります!
展开
-
JS操作dom节点及兼容性
父节点 parentNode获取到的是自己的亲父亲(直属关系)// 点击孩子隐藏父亲<script> window.onload = function(){ var child = document.getElementById("child"); x.onclick = function(){ this.parentNode.s原创 2017-05-11 13:09:37 · 1249 阅读 · 0 评论 -
scrollTop的兼容问题
方法一// 获取scrolltop function getScrollTop() { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; return scrollTop; }// 设置scrolltop原创 2017-05-11 16:21:23 · 439 阅读 · 0 评论 -
内存
引用类型和值类型哪些是引用类型,哪些是值类型?undefined, number, string, boolean属于值类型,不是对象。函数、数组、对象、null 都是对象。他们都是引用类型。<script> console.log(typeof(x)); // undefined 值类型 console.log(typeof(10)); // num原创 2017-05-29 13:36:06 · 226 阅读 · 0 评论 -
对于面对对象和prototype的理解
面向过程和面向对象面向过程和面向对象的区别面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了。就是使用函数将一个大的功能分成很多小功能,每个功能称之为一个过程,这就是面向过程编程。面向对象是把在解决问题中构成问题的事项分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。面向对象的优点单原创 2017-05-29 14:19:32 · 424 阅读 · 0 评论 -
JS/jQuery判断数据类型的几种方式
JavaScript提供判断数据类型的一些方法:方法一:typeof;方法二:tostring.call();方法三:Instanceof 和 constructor;方法四:hasOwnProperty;<script> var str = 'aaaa'; var num = 123; var fun = function () {}; var arr = []原创 2017-05-29 14:27:49 · 3492 阅读 · 0 评论 -
函数的公有属性和私有属性
公有属性:函数内部定义的属性,但是在对象实例化后也可以调用。私有属性:只能在函数内部使用。好处就是安全,就类似闭包中的函数一样,减少污染。function Person(name){ //私有属性,只能在对象构造函数内部使用 var className = "用户对象"; //公有属性,在对象实例化后调用 this.name = name; //私有方法原创 2017-05-29 14:48:07 · 2001 阅读 · 0 评论 -
对于JavaScript中原型链的理解
先理解两条概念JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做_ proto _的内置属性,用于指向创建它的 对象 的 原型对象prototype。原型对象prototype也是一个对象,因此它也有_ proto _ 属性。图片自己画了一张图,画的比较抽象可能看不懂,下面我会根据图示一点点的来谈谈自己的理解。1. JS内置对象是Function对象的一个实例。我们熟知的js原创 2017-05-30 16:46:36 · 376 阅读 · 0 评论 -
JS得到CSS的样式
obj.style.attr在js中得到css的样式一般可以用obj.style.attr的形式来获取。 obj 需要得到样式的目标节点。attr 要得到的样式属性。例如 obj.style.left 得到obj的left的值。这个方法有一个缺点,样式的写法必须是行内式 才可以得到。例如:<div style="left:50px"></div>而我们工作最多用的是 内嵌式 或者原创 2017-05-20 16:45:31 · 461 阅读 · 0 评论 -
屏幕滚动事件兼容性
function scroll() { if (window.pageYOffset != null) // ie9+ 和其他浏览器 { return { left: window.pageXOffset, top: window.pageYOffset原创 2017-05-21 14:52:24 · 336 阅读 · 0 评论