JavaScript资料,JavaScript文章,JavaScript文档-易库教程

js修改input的type属性问题探讨

2017年02月06日 15 阅读

js修改input的type属性有些限制。当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。在ff下仍是可读写属性。今天遇到个问题，输入框有默认值“密码”，但获得焦点时，“密码”两字会去掉，输入时直接变成”****“的password类型。很明显，一开始的时候，input的类型是text，后来变成了password类型。直观的思路是用js修改...

JavaScript对象学习经验整理

2017年02月06日 15 阅读

1.对象的创建方法：（1）通过new运算符创建，new后面跟着一个构造函数名 var object = new Object（）; 构造函数直接调用时通常没有返回值，它只是初始化由this值传递进来的对象；但是与new一起使用时返回一个对象值作为new表达式的值（2）对象直接量对象直接量由属性说明列表构成，列表包含在大括号中，其中属性说明由逗号隔开。对象直接量的每个属性说明都由属性名加上冒号和属性值构成，属性值可以是任何类型，也可以是函数 var o...

基于jquery的9行js轻松实现tab控件示例

2017年02月06日 14 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> /** * 考虑到tab和pane有可...

原生js操作checkbox用document.getElementById实现

2017年02月06日 18 阅读

jquery与checkbox的checked属性的问题，讲的是控件<input type="checkbox"></input> 1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系...

JavaScript var声明变量背后的原理示例解析

2017年02月06日 19 阅读

只要是写过点JS代码，很简单一个var 就完事了。那对于JS编译器背后它又发生了什么呢？那就一步步通过代码来讲起。复制代码代码如下: x = 1; alert（x）; var y = function（） { alert（x）; var x = 2; alert（x）; } y（）; 上面的代码也会你答对了它会分别输出：1,undefined,2。对于我来说，第一反应它会输出：1,1,2。为什么第二个会输出undefined？在上面我明确定义了一个全...

javascript动态的改变IFrame的高度实现自动伸展

2017年02月06日 14 阅读

动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩原理：在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度具体实现一: 1、在IFrame的具体页面（就是子页面），添加JavaScript 复制代码代码如下: <script> function IFrameResize（）{ //alert（this.document.body.scrollHeight）; //弹出当前页面的高度 var obj...

JavaScript如何从listbox里同时删除多个项目

2017年02月06日 20 阅读

要从列表框同时删除多个项目，我们不能从上到下的删除，因为上面的项目每删除一个，下面的项目的索引号就会变化，所以只能从下向上删除，这样就不会出现索引号乱变的问题了。 html代码复制代码代码如下: <table> <tr> <td align="center"> <select id="lsbox" name="lsbox" size="10" multiple> <option value="1"&...

几种延迟加载JS代码的方法加快网页的访问速度

2017年02月06日 19 阅读

本文介绍了如何延迟javascript代码的加载，加快网页的访问速度。当一个网站有很多js代码要加载，js代码放置的位置在一定程度上将会影像网页的加载速度，为了让我们的网页加载速度更快，本文总结了一下几个注意点： 1、延迟加载js代码复制代码代码如下: <script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript...

js获取或设置当前窗口url参数的小例子

2017年02月06日 18 阅读

复制代码代码如下:// 获取当前窗口url中param参数的值function get_param（param）{ var query = location.search.substring（1）.split（"&"）; for（var i=0;i<query.length;i++）{ var kv = query[i].split（"="）; if（kv[0] == param）{ return kv[1]; } } return null;}/...

javascript预加载图片、css、js的方法示例介绍

2017年02月06日 15 阅读

预加载的好处可以让网页更快的呈现给用户，缺点就是可能会增加无用的请求（但图片、css、js这些静态文件可以被缓存），如果用户访问的页面里面的css、js、图片被预加载了，用户打开页面的速度会快很多，提升用户体验。在用到一些大图片展示的时候，预加载大图是很不错的方法，图片更快的被呈现给用户。不多说了，作为一个前端攻城师都懂的，下面分享我做的测试和得到的结果。先说需要知道的服务器返回的status code：status-code: 200 - 客户端请求成功...

Jquery 类网页微信二维码图块滚动效果具体实现

2017年02月06日 20 阅读

首先是自己定制的脚本方法属性代码：复制代码代码如下:/* * 创建浮动图片广告（Generate a dock AD image） * * USAGE: * $（selector）.higo_plugins_ad（{ * src:null, // 广告图片路径 * closeSrc:null, // 关闭图片路径 * href:"#", // 广告图片链接地址 * autoHide:true, // 是否自动隐藏 * hideSecond:10, // ...

不同Jquery版本引发的问题解决

2017年02月06日 14 阅读

这是最近三个月写得最完美的作品了，用JS实现了一个拖拽排序，效果图如下：一开始进入项目有了这样的拖拽实现想法，一点头绪没有，请教师兄说这样实现不可能。当时觉得很遗憾，打算用传统的方式去实现。正构思传统的方式，感觉时间充裕，就回到了拖拽的想法上来。终于实现了。其实我不是炫耀这个（当然，感兴趣的话，可以QQ907087894联系我，我会整理Demo上传到资源中心），我想说的是下文。就在我实现的同时，师姐帮另一个伙伴写了一个传统方案的Demo,他进行的是修改的排...

鼠标拖动实现DIV排序示例代码

2017年02月06日 19 阅读

先上效果图：对比传统的排序，这是一个很不错的尝试，希望对大家有启发。大家可以参考我的上一篇博文：http://www.jb51.net/article/42087.htm html部分：复制代码代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href="css/cr...

js算法中的排序、数组去重详细概述

2017年02月06日 15 阅读

其实在js中实现数组排序，采用数组中sort方法实现还是比较简单的：一、排序简单实现数组排序复制代码代码如下:var arr = []; for（var i=0;i<20;i++）{ arr.push（Math.floor（Math.random（）*100）） } arr.sort（function（a,b）{ return a>b？1:-1; }） alert（arr）不能简单使用sort方法，默认情况下 sort方法是按ascii字...

js 距离某一时间点时间是多少实现代码

2017年02月06日 16 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn"> <head> <title>正...

jquery实现兼容浏览器的图片上传本地预览功能

2017年02月06日 15 阅读

一、图片上传实现本地预览由于上传图片功能，现在大多数都需要在本地实现预览，为了能够更好的让用户体验到效果，实现成品的证明，需要兼容好几种浏览器，所有通过各个例子整合了这个例子插件，兼容火狐、谷歌、ie8，其他的没有进行测试过复制代码代码如下: （function（$）{ jQuery.fn.extend（{ uploadPreview: function（opts）{ opts = jQuery.extend（{ width: 0, height: ...

JavaScript的继承的封装介绍

2017年02月06日 20 阅读

复制代码代码如下: /** * 当调用此函数时,只有第一次参数传入,第二个不存在的情况下,就创建类 * 当调用此函数时,传入了两个参数,第一个参数为基类,第二个参数则在基类的基础上添加内容 */ function extend（obj,prop）{ function F（）{ } //如果第一个参数为object类型（即json对象）的话,则将json的key value赋值给F函数的原型 F.prototype.key = value if （type...

js日期相关函数总结分享

2017年02月06日 20 阅读

复制代码代码如下:var dateTo=new Date（"8:00 1/4/2014"）; 获取指定日期的时间对象，若为空则默认为当前时间。复制代码代码如下:var date=dateTo.getTime（）获取毫秒数，起止时间为1970年的那个时间复制代码代码如下:var y=date.getFullYear（）;获取年份复制代码代码如下:var mm=date.getMonth（）+1;获取月份复制代码代码如下:var d=date.ge...

通过js获取div的background-image属性

2017年02月06日 16 阅读

之前没有注意过div的background-image这个属性，只是设置它的url，今天遇到一个问题特此做一下记录。复制代码代码如下: <div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url（"Chrysanthemum.jpg"）;" onclick="tempClick（）"></div> 在js中想获取im...

Javascript中查找不以XX字符结尾的单词示例代码

2017年02月06日 15 阅读

首先，让我声明一下，我在写这篇文章之前花了2个多小时在弄正则表达式。悲~悲~悲~ 按照一般的思路，先来看看其他几个插找方式：我以字符串复制代码代码如下: var str = "eattd gebcat gedat jadu geat beu"; 為例子。 1.以"ge"為开头的，结果应该是"gebcat, gedat, geat"。因為单词以"ge"开头，则我可以放入一个新的数组供以后使用。复制代码代码如下: var exp1 = /gew+...

首页 / 脚本样式 / JavaScript

js修改input的type属性问题探讨

JavaScript对象学习经验整理

基于jquery的9行js轻松实现tab控件示例

原生js操作checkbox用document.getElementById实现

JavaScript var声明变量背后的原理示例解析

javascript动态的改变IFrame的高度实现自动伸展

JavaScript如何从listbox里同时删除多个项目

几种延迟加载JS代码的方法加快网页的访问速度

js获取或设置当前窗口url参数的小例子

javascript预加载图片、css、js的方法示例介绍

Jquery 类网页微信二维码图块滚动效果具体实现

不同Jquery版本引发的问题解决

鼠标拖动实现DIV排序示例代码

js算法中的排序、数组去重详细概述

js 距离某一时间点时间是多少实现代码

jquery实现兼容浏览器的图片上传本地预览功能

JavaScript的继承的封装介绍

js日期相关函数总结分享

通过js获取div的background-image属性

Javascript中查找不以XX字符结尾的单词示例代码