JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

编程资源图片资源库蚂蚁家优选

首页 / 脚本样式 / JavaScript

js对象继承之原型链继承实例

js对象继承之原型链继承实例

2016年07月27日 9 阅读

本文实例讲述了js对象继承之原型链继承的用法。分享给大家供大家参考。具体分析如下：复制代码代码如下:<script type="text/javascript">//定义猫的对象var kitty = {color:"yellow",bark:function（）{alert（"喵喵"）;},climb:function（）{alert（"我会爬树"）}};//老虎对象的构造函数function tiger（）{this.color = "y...

js创建对象的方式总结

js创建对象的方式总结

2016年07月27日 10 阅读

本文实例总结了js创建对象的方式。分享给大家供大家参考。具体如下：复制代码代码如下:<script type="text/javascript">//1. 通过字面值来创建对象var obj = {hobby:"篮球",girlf:"美女"};document.write（obj.hobby + "和" + obj["girlf"]）;//2. 通过new Object方式来创建对象，Object为系统自带的构造函数var obj2 = ne...

js中this的用法实例分析

js中this的用法实例分析

2016年07月27日 10 阅读

本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下：实例1：第一种调用this的方法——以函数形式调用。它代表全局对象window复制代码代码如下:<script type="text/javascript">function t（）{alert（this）;//这里this表示window对象。}t（）;</script>实例2：第二种调用this的方法——以对象属性的形式调用。它代表该对象。实例中oncli...

js中键盘事件实例简析

js中键盘事件实例简析

2016年07月27日 9 阅读

本文实例分析了js中键盘事件。分享给大家供大家参考。具体分析如下：该实例效果：按键盘上的任意一个键，弹出相应的ASCII码，兼容ie，chrome和firefox。但还是有不少问题：（1）ie和chrome中，一些键没有效果，如上、下、左、右等；（2）而firefox中的向右键，与单引号键，都为39。具体代码如下：复制代码代码如下:<html><head><script type="text/javascript">w...

js中的事件捕捉模型与冒泡模型实例分析

js中的事件捕捉模型与冒泡模型实例分析

2016年07月27日 9 阅读

本文实例讲述了js中的事件捕捉模型与冒泡模型。分享给大家供大家参考。具体实现方法如下：实例1：复制代码代码如下:<html><head><script type="text/javascript">window.onload = function（）{ document.getElementById（"par"）.addEventListener（"click",function（） {alert（"par"）;},t...

javascript的tab切换原理与效果实现方法

javascript的tab切换原理与效果实现方法

2016年07月27日 15 阅读

本文实例讲述了javascript的tab切换原理与效果实现方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<html><head><style type="text/css">#container{border:solid 1px green;width:300px;height:300px;}li{float:left;margin-left:20px;}p{float:left;}#sports,...

js实现从数组里随机获取元素

js实现从数组里随机获取元素

2016年07月27日 9 阅读

基础知识：复制数组: （1）循环遍历复制（不推荐）复制代码代码如下:var arry = [1,5,9,7], new_arry = [], n = 0, len = arry.length;for（;n<len;n++）{ new_arry.push（arry[n]）;} （2）concat（）方法用于连接两个或多个数组,该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本复制代码代码如下:var arry = [1,5,9,7...

Javascript中innerHTML用法实例分析

Javascript中innerHTML用法实例分析

2016年07月27日 11 阅读

本文实例讲述了Javascript中innerHTML用法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<html><head><script type="text/javascript">function t（）{var cont = document.getElementById（"container"）;var htmlcode = "<p>哈哈哈哈</p>";cont.in...

原生js实现日期联动

原生js实现日期联动

2016年07月27日 9 阅读

月份的判定，由于涉及到过多了判定条件，如果用if else会大大降低性能，建议用switch 语法代码如下：复制代码代码如下:getDays:function（year,month）{ // var aDay = [31,28|29,31,30,31,30,31,31,30,31,30,31]; // 二月份的天数数据处理 var FedDays = year%4==0?29:28, returnDays = ""; var month = mo...

推荐4个原生javascript常用的函数

推荐4个原生javascript常用的函数

2016年07月27日 9 阅读

【一】添加监听事件复制代码代码如下: addHandler:function（node,type,fn）{if（node.addEventListener）{ node.addEventListener（type,fn,false）; // false，设置为冒泡事件 } else{ node.attachEvent（"on"+type,function（）{ fn.apply（node,arguments）; // attachEvent方法中，thi...

原生javascript实现Tab选项卡切换功能

原生javascript实现Tab选项卡切换功能

2016年07月27日 9 阅读

分析个人用原生JS获取类名元素的代码：复制代码代码如下:getByClassName:function（className,parent）{ var elem = [], node = parent ！= undefined&&parent.nodeType==1?parent.getElementsByTagName（"*"）:document.getElementsByTagName（"*"）, p = new RegExp（"（^|\s）"...

DOM节点的替换或修改函数replaceChild（）用法实例

DOM节点的替换或修改函数replaceChild（）用法实例

2016年07月27日 10 阅读

本文实例讲述了DOM节点的替换或修改函数replaceChild（）用法。分享给大家供大家参考。具体分析如下：DOM节点的替换过程：（1）创建新的节点；（2）找到旧的节点；（3）站在父节点的角度，使用replaceChild（新,旧）函数来替换。复制代码代码如下:<html><head><script type="text/javascript">function t（）{//思路：1.首先找到要替换的节点；2. 创建...

原生javascript实现图片滚动、延时加载功能

原生javascript实现图片滚动、延时加载功能

2016年07月27日 9 阅读

实现效果：下拉滚动条时，图片出现在可见区域时，才开始加载思路：（1）img标签，把真实的图片地址，放在自己设置的属性里面，如 lazy-src（2）获取img离页面的高度（在JQ里是offset（）.top），原生是： img.getBoundingClientRect（）.top + document.body.scrollTop||document.documentElement.scrollTop（3）判断img出现的位置是否在可见区域里: ....

原生javascript实现图片按钮切换

原生javascript实现图片按钮切换

2016年07月27日 10 阅读

先给大家看下效果展示图以下为详细代码：复制代码代码如下:function LGY_picSwitch（option）{ this.oWrap = this.getId（option.wrapID）; //最外层元素 this.olistWrap = this.getNodeByClassname（this.oWrap,"gy_picSwitch_listWrap"）[0]; this.oUl = this.olistWrap.getElementsByT...

原生javascript实现图片弹窗交互效果

原生javascript实现图片弹窗交互效果

2016年07月27日 9 阅读

【一】用var 声明多个变量，比每个变量都用var快多了复制代码代码如下:var sScrollTop = document.body.scrollTop || document.documentElement.scrollTop, sWindow_h = document.documentElement.clientHeight, t_h = parseInt（this.getCss（this.getId（"gy_photoBox_head"）,...

DOM节点删除函数removeChild（）用法实例

DOM节点删除函数removeChild（）用法实例

2016年07月27日 9 阅读

本文实例讲述了DOM节点删除函数removeChild（）用法。分享给大家供大家参考。具体分析如下：DOM删除一个节点，必须要站在父节点的高度去删除，代码如下：复制代码代码如下:<html><head><script type="text/javascript">function t（）{//思路：1.首先找到要删除的节点；2. 找到它的父节点，在父节点的角度删除子节点var nodeul = document.get...

DOM节点深度克隆函数cloneNode（）用法实例

DOM节点深度克隆函数cloneNode（）用法实例

2016年07月27日 9 阅读

本文实例讲述了DOM节点深度克隆函数cloneNode（）用法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<html><head><script type="text/javascript">function t（）{ var nodeul = document.getElementsByTagName（"ul"）[0];//获取需要复制的UL节点var newul = nodeul.cloneNode...

jQuery制作拼图小游戏

jQuery制作拼图小游戏

2016年07月27日 9 阅读

源代码思路分析：【一】如何生成图片网格，我想到两种方法：（1）把这张大图切成16张小图，然后用img标签的src （2）只有一张大图，然后每个元素的背景图用css的background-position进行切割定位，这样就需要16个数组[0,0],[-150,0],[-300,0]..........（我采用这种）【二】图片背景定位数组与布局定位数组在选择了使用CSS定位切图，就需要生成数据。需要的css背景定位数组为：[0,0],[-1...

js在指定位置增加节点函数insertBefore（）用法实例

js在指定位置增加节点函数insertBefore（）用法实例

2016年07月27日 14 阅读

本文实例讲述了js在指定位置增加节点函数insertBefore（）用法。分享给大家供大家参考。具体分析如下：函数原型如下：insertBefore（参数1，参数2）：在指定位置添加节点具体代码如下：复制代码代码如下:<html><head><script type="text/javascript">function t（）{var nodeli = document.createElement（"li"）;//创建...

jQuery实现瀑布流的取巧做法分享

jQuery实现瀑布流的取巧做法分享

2016年07月27日 9 阅读

分析：瀑布流，做法有2种（1）绝对定位方案：每个单元格设置为绝对定位，通过计算，分别设置 top , left 即可实现（2）浮动方案：弄N列布局（浮动），然后图片数据，按顺序依次插入，如N为3列，第一张图片插入到第一列，第二张图片插入到第二列，第三张图片插入到第三列，第四张图片插入到第一列........这样循环插入（不能自适应）CSS与HTML代码：复制代码代码如下: body,ul,li{margin:0;margin:0;} ul{list-...

<< 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图