javascript
鲁_byg
这个作者很懒,什么都没留下…
展开
-
缓动动画 animate
var btn = document.getElementById("btn");var box = document.getElementById("box");var timer = null;btn.onclick = function() { // 盒子本身的位置 + 步长 timer = setInterval(function() { box.sty原创 2016-03-18 22:59:51 · 705 阅读 · 0 评论 -
js 双对象法则
Js里面定义对象和其他语言不太一样,他通过两个对象来完成定义对象的功能。function Product (){构造函数属性This.name= ‘’构造函数方法This.buy=function(){}}Product.prototype={ 原型对象属性Price:100原型对象方法Buy:function(){}}其实所谓的对象包含原创 2016-04-01 00:41:05 · 812 阅读 · 0 评论 -
js中==和===的区别
===和==区别1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型,==和===是转载 2016-04-01 00:52:23 · 211 阅读 · 0 评论 -
js indexOf substring用法
//indexOf() 查找字符串在字符串中的下标 索引号 找不到返回-1 //第一个参数不能传数字// var str="hello world"; console.log(str.indexOf("o")); //4 //重0开始找找到返回索引 找不到返回-1 var str1="hello world"; console.log(str1.转载 2016-04-02 23:01:54 · 541 阅读 · 0 评论 -
js split() join()方法
//split()将字符串分割成数组 join()与他相反 var str="how are you" console.log(str.split(" "));//用空格分隔成数组 //【"how", "are", "you"】 长度3 console.log(str.split("")); //每个字母分隔 空格也是空字符串 长度19原创 2016-04-02 23:55:47 · 401 阅读 · 0 评论 -
json字符串与json对象的区别
通过ajax获取的是json字符串,而不是json对象将字符串转化成json对象json.parse()如何将json对象转化为字符串json.stringify(obj)原创 2016-04-25 18:40:23 · 448 阅读 · 0 评论 -
js面向对象
继承 多态 封装面对对象大大简化了我们的工作也是拿来主义,不过在日常开发中面对对象也是我们自己写,也就是面向过程一步一步的,面向对象是很高级但是没有办法取代面向过程,面向对象就是对面向过程的封装。也就是把过程打包起来。 javascript的本质是什么呢?javascript权威指南中第6章第一段就说到什么是javascript对象,就是键值对的集合。原创 2016-03-27 00:41:52 · 216 阅读 · 0 评论 -
js中自执行函数的作用
当一个页面两个人写定义的相同的变量名就会发生冲突 污染全局自执行函数的作用就出来了,自执行函数里面是一个单独的作用域不会影响其他的也不会污染全局(function(){})();//建立一个单独的作用域,防止污染全局原创 2016-04-10 15:21:26 · 1814 阅读 · 0 评论 -
!function(){}() ” 是什么意思
叹号后面跟函数!function和加号后面跟函数+function都是跟(function(){})();这个函数是一个意思,都是告诉浏览器自动运行这个匿名函数的,因为!+()这些符号的运算符是最高的,所以会先运行它们后面的函数原创 2016-04-13 23:50:03 · 3827 阅读 · 0 评论 -
JS中的call()和apply()方法
JS中的call()和apply()方法 1、方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 this转载 2016-04-15 00:35:53 · 247 阅读 · 0 评论 -
1.闭包
一、什么是闭包和闭包的几种写法和用法 1、什么是闭包 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。 2.原创 2016-04-16 02:21:53 · 382 阅读 · 0 评论 -
select 中multiple属性
不加的化是下拉,加上multiple就是option展示原创 2016-05-27 14:59:25 · 1375 阅读 · 0 评论 -
根据字符返回位置(重点)
1 indexOf,从前向后索引字符串位置(参数: 索引字符串)从前面寻找第一个符合元素的位置 找不到则返回 -1 2 lastIndexOf,从后向前索引字符串位置(参数:索引字符串)从后面寻找第一个符合元素的位置找不到则返回 -1原创 2016-03-19 23:42:29 · 236 阅读 · 0 评论 -
arguments.callee 递归调用
var demo = document.getElementById("demo");var num = 5;// 所有的东西都是在一个函数里面goIndexPage();function goIndexPage() { // alert(arguments.callee); // alert(goIndexPage); demo.innerH原创 2016-03-13 23:51:31 · 307 阅读 · 0 评论 -
jQuery 遍历函数
JQuery 函数遍历原创 2016-03-07 22:46:51 · 376 阅读 · 0 评论 -
简单动画封装
btn.onclick=function(){animate(box,400)}function animate(obj,target){ clearIntrval(obj.timer);obj.timer=function(){ obj.style.left=obj.offsetLeft+10+"px"; //obj.原创 2016-03-18 23:04:22 · 384 阅读 · 0 评论 -
监听滚动window.onscroll scrlltop被卷去的头部
window.onscroll = function() { alert("监听到滚动了") }这样就可以用来检测屏幕 滚动了。 每滚动一次,1像素 就会触发这个事件。 scrollTop 被卷去的头部 兼容问题它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离1. 怪异模原创 2016-03-18 23:19:53 · 1113 阅读 · 0 评论 -
动画抖动 解决
function animate(obj,target){ clearInterval(obj.timer);obj.timer=setInterval(function(){ var sdeep=obj.offsetLeft var sub=target- obj.offsetLeft; //他们的值等于0说明完全相等obj.style.left=原创 2016-03-18 23:30:34 · 895 阅读 · 0 评论 -
animate dong
btn2.onclick = function() { animate(box,400);} // 自定义属性 object// 基本封装function animate(obj,target) { clearInterval(obj.timer); // 要开启定时器,先清除以前定时器 // 有2个参数 第一个 对象谁做动画 第二 距离 到哪里 ob原创 2016-03-18 23:45:17 · 293 阅读 · 0 评论 -
封装scrolltop 兼容
function scroll() { // 开始封装自己的scrollTop if(window.pageYOffset != null) { // ie9+ 高版本浏览器 // 因为 window.pageYOffset 默认的是 0 所以这里需要判断 return { left: window.pageXOffset,原创 2016-03-18 23:48:54 · 277 阅读 · 0 评论 -
scrollTo
scrollTo 页面滚动到指定坐标window.scrollTo 方法可把内容滚动到指定的坐标。格式:window.scrollTo(xpos,ypos)xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标我们想要返回顶部, 就是让 y为 0 就可以了。window.scrollTo(0,原创 2016-03-19 00:02:58 · 543 阅读 · 0 评论 -
event 对象
document.onclick = function(event) { var event = event || window.event; alert("您的x坐标是:" +event.clientX + "y坐标是:"+ event.clientY);}再触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事原创 2016-03-19 00:19:09 · 240 阅读 · 0 评论 -
数组操作
// push 组 var arr = [1,3,5,7]; // 原数组 arr.push(9); //把 9 添加 arr 的最后面 console.log(arr); // 13579 console.log(arr.push(11)); // 返回的是数组的长度 6 console.log(arr); // 1原创 2016-03-19 23:31:20 · 229 阅读 · 0 评论 -
1.5根据位置返回字符(重点)
1 charAt,获取相应位置字符(参数: 字符位置)注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。2 charCodeAt获取相应位置字符编码(参数: 字符位置) 索引号charAt()方法和charCodeAt()方法用于选取字符串中某一位置上的单个字符区别:charCodeAt()方原创 2016-03-19 23:38:22 · 241 阅读 · 0 评论 -
js数据类型
js的基本数据类型有哪些?ECMAScript中有5中简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object,Object本质上是由一组无序的名值对组成的。其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引原创 2016-08-01 17:40:58 · 447 阅读 · 0 评论