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

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

js获取会话框prompt的返回值的方法

js获取会话框prompt的返回值的方法

2017年02月06日 14 阅读

本文实例讲述了js获取会话框prompt的返回值的方法。分享给大家供大家参考。具体分析如下：获取会话框prompt的返回值，见例子：复制代码代码如下:<html><head><script type="text/javascript">if（prompt（"请输入密码",""） == "admin"）{document.write（"密码正确"）;}else{document.write（"密码错误"）;}</s...

js面向对象之静态方法和静态属性实例分析

js面向对象之静态方法和静态属性实例分析

2017年02月06日 13 阅读

本文实例讲述了js面向对象之静态方法和静态属性。分享给大家供大家参考。具体分析如下：先看如下代码：复制代码代码如下:<script type="text/javascript">function Bird（）{this.wing = 2;this.fly = function（）{ alert（"我是鸟，我会飞"）;}}var maque = new Bird（）;//创建maque对象后，我们可以使用Bird的方法和属性</scrip...

js对象的复制继承实例

js对象的复制继承实例

2017年02月06日 13 阅读

本文实例讲述了js对象的复制继承。分享给大家供大家参考。具体如下：复制代码代码如下:<script type="text/javascript">Object.prototype.extend = function（obj）{//在函数里，把obj属性复制到自身for（var k in obj）{ if（obj.hasOwnProperty（k））{ if（this[k] == undefined）{ this[k] = obj[k]; } ...

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

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

2017年02月06日 12 阅读

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

js创建对象的方式总结

js创建对象的方式总结

2017年02月06日 13 阅读

本文实例总结了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的用法实例分析

2017年02月06日 12 阅读

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

js中键盘事件实例简析

js中键盘事件实例简析

2017年02月06日 14 阅读

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

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

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

2017年02月06日 13 阅读

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

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

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

2017年02月06日 12 阅读

本文实例讲述了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实现从数组里随机获取元素

2017年02月06日 12 阅读

基础知识：复制数组: （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用法实例分析

2017年02月06日 12 阅读

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

原生js实现日期联动

原生js实现日期联动

2017年02月06日 12 阅读

月份的判定，由于涉及到过多了判定条件，如果用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常用的函数

2017年02月06日 12 阅读

【一】添加监听事件复制代码代码如下: 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选项卡切换功能

2017年02月06日 12 阅读

分析个人用原生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（）用法实例

2017年02月06日 12 阅读

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

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

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

2017年02月06日 12 阅读

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

原生javascript实现图片按钮切换

原生javascript实现图片按钮切换

2017年02月06日 13 阅读

先给大家看下效果展示图以下为详细代码：复制代码代码如下: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实现图片弹窗交互效果

2017年02月06日 12 阅读

【一】用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（）用法实例

2017年02月06日 12 阅读

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

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

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

2017年02月06日 12 阅读

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

<< 981 982 983 984 985 986 987 988 989 990 >>

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