Javascript教程
文章平均质量分 66
梦想照进他的现实
如你所想,非同寻常!
展开
-
裁剪字符串trim()自定义改进版 js代码
自定义trim()函数遇到的问题,建议在支持的浏览器中使用原生函数!!! ECMAScript5已经为字符串定义了原生的trim方法。这个方法可能比会比本文的任何版本的都要快。建议在支持的浏览器中使用原生函数。下面讲述的是自定义trim()函数遇到的问题,改进的过程。功夫在不断淬炼中才能醇正。JavaScript中没有用于移除字符串头尾空白的原生修剪方法。最常见的自定义trim()函数转载 2013-04-10 22:43:55 · 779 阅读 · 0 评论 -
js实现简单登录功能的实例代码
js验证用户身份,登录成功之后等待一定秒数,跳转到操作页面。使用window函数。代码如下复制代码代码如下: Login.html --> function checkuser() { if($('uname' == "lala") && $转载 2013-11-11 06:46:13 · 2001 阅读 · 0 评论 -
基于jquery实现的文字淡入淡出效果
这篇文章介绍了jquery实现的文字淡入淡出效果实例,有需要的朋友可以参考一下复制代码代码如下: 无标题文档- www.jbxue.com $(document).ready(function(){ $("#btn1").toggle(function(){ $("p").f转载 2013-11-15 07:11:02 · 1191 阅读 · 1 评论 -
jQuery 淡入淡出、展开收缩菜单实现代码
jQuery淡入淡出、展开收缩菜单。运行以后,刷新下即可。transitional.dtd"> jQuery淡入淡出、展开收缩菜单 - www.jbxue.com ul li{list-style:none;} ul li.menu{position:relative;width:120px;} ul li.menu ul{display:n转载 2013-11-15 07:13:14 · 918 阅读 · 0 评论 -
jquery 循环显示div的示例代码
直接看例子 复制代码代码如下:for(var p=1; p$("#properties"+p).show(); //下面有五个id为properties1 、properties2 、properties3 、properties4、properties5的div //我们用一个语句就让下面五个div显示成功了。 } } 【${property1 }】转载 2013-12-09 06:51:31 · 1373 阅读 · 0 评论 -
jquery验证手机号码、邮箱格式是否正确
本文为大家介绍下使用jquery验证邮箱、验证手机号码,具体实现思路及代码如下。复制代码代码如下://jquery验证邮箱 function checkSubmitEmail() { if ($("#email").val() == "") { //$("#confirmMsg").html("邮箱地址不能为空!"); alert("邮箱不能为空!") $(转载 2013-12-09 06:47:25 · 1079 阅读 · 0 评论 -
JQuery获取文本框中字符长度的代码
jquery 可以用text()方法来取得字符串,再用length 判断长度,然后用substring()方法格式化截断。 看下例子吧 JS 方法: 复制代码代码如下: // 得到字符串的真实长度(双字节换算为两个单字节) function getStrActualLen(sChars) { //sChars.replace(/[^\x00-\xff]/g,转载 2013-12-09 06:49:00 · 1771 阅读 · 0 评论 -
JS验证邮箱格式是否正确的代码
验证邮箱格式是否正确的方法有很多,接下来为大家介绍下使用js是如何做到的复制代码代码如下:/* *验证邮箱格式是否正确 *参数strEmail,需要验证的邮箱 */ www.jbxue.comfunction chkEmail(strEmail) { if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.tes转载 2013-12-09 06:50:05 · 832 阅读 · 0 评论 -
js动态调用css属性的实例说明
js动态调用css属性的小规律及实例说明介绍js调用css属性。1、对于没有中划线的css属性一般直接使用style.属性名即可。如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。转载 2013-12-30 08:07:34 · 557 阅读 · 0 评论 -
js data日期初始化的五种方法
js data日期初始化的常用5种方法。创建一个日期对象: 复制代码代码如下:var objDate=new Date([arguments list]); 参数形式有以下5种: 1)new Date("month dd,yyyy hh:mm:ss"); 2)new Date("month dd,yyyy"); 3)new Date(yyyy,mth转载 2013-12-30 08:06:08 · 586 阅读 · 0 评论 -
jquery刷新页面的方法
局部刷新: 常见的有以下几种; $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。 }); $.getScript方转载 2014-01-03 06:27:49 · 526 阅读 · 0 评论 -
iframe自适应高度的多种方法方法
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下。 func转载 2014-01-03 06:28:55 · 501 阅读 · 0 评论 -
分享三个iframe自适应高度的例子
iframe自适应高度 本文介绍下,iframe自适应高度的例子,方便初学的朋友学习参考。 不说理论了,直接上iframe实例。 页面,0.htm: 测试 "1"> "top"> "1.htm" target="iframe">链接1 "2.htm" target="ifra转载 2014-01-03 06:29:44 · 1124 阅读 · 0 评论 -
jquery右下角弹出提示框的实现代码
右下角弹出提示框想必大家都有见到过吧,其实有实现方法有很多,本文介绍在jquery中具体的实现方法。 例子: "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "http://www.w3.org/1999/xht转载 2014-01-03 06:31:26 · 842 阅读 · 0 评论 -
JS记录用户登录次数的代码
用js记录用户的登录次数:当登录次数达到三次,就自动调用函数,隐藏弹出框。代码如下:function www_helpor_net(offset) { var endstr = document.cookie.indexOf(";", offset); if (endstr == -1) endstr = document.cookie.length; return unescap转载 2014-01-15 16:52:21 · 1530 阅读 · 0 评论 -
js查找某元素中的所有图片地址
使用js查找某元素中的所有图片地址。代码:function findImg() { var charImg = document.all("chartImg").getElementsByTagName("img"); var imgURLs = ""; for (var i = 0; i var imgPath = getImgPath(charImg[i].src);转载 2014-01-16 16:55:21 · 685 阅读 · 0 评论 -
js获取某元素的class里面的css属性值
js获取某元素的class里面的css属性值代码。 用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style.margin获取。但是你说的只能获取直接在标签中写的style的属性,无法获取标签style外的属性(如css文件中的属性)。而下面方法则两者值都可以获取。转载 2014-01-16 16:54:34 · 3090 阅读 · 0 评论 -
javascript获取url参数的方法
发布:thatboy 来源:Net 【大 中 小】本文介绍下,在javascript中取得url中某一个参数的方法,这里分享一个小例子,供大家学习参考下。本文转自:http://www.jbxue.com/article/13452.html本节内容:javascript获取url参数这里分享一个用js获取url上的某个参数的例子,供大家学习转载 2013-11-10 08:00:41 · 611 阅读 · 0 评论 -
JQ获取动态加载的图片大小的正确方法分享
这篇文章介绍了JQ获取动态加载的图片大小的正确方法,有需要的朋友可以参考一下有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是:你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现.jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是错误的尺寸.错误的代码是:(错误)在添加了HTML之后转载 2013-11-09 09:51:09 · 740 阅读 · 0 评论 -
jQuery 获取浏览器所在的IP地址的小例子
这篇文章介绍了jQuery 获取浏览器所在的IP地址的小例子,有需要的朋友可以参考一下复制代码代码如下:$(function () { $("#btnGetIP").click(function () { var jqxhr = $.getJSON("http://jsonip.appspot.com?callback=?",转载 2013-11-09 09:47:23 · 1028 阅读 · 0 评论 -
js实现给指定元素的后面追加内容的代码
给指定元素的后面追加一些自己想要实现的效果或者是一些属性之类的!以下内容来源于网上的javascript 教程中的代码,有需要的朋友,参考下了。var header1 = document.getElementById("header");var p = document.createElement("p"); // 创建一个元素节点insertAfter(p,header1);转载 2013-04-10 22:39:36 · 1868 阅读 · 0 评论 -
图片无缝滚动代码(向左/向下/向上)的js代码
想必大家都注意到的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和 demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时转载 2013-04-10 22:41:52 · 791 阅读 · 0 评论 -
JavaScript加强之自定义event事件
JavaScript加强之自定义event事件的例子。复制代码代码如下:$().ready(function(){ for(var i=0;i/** * 这种写法不专业,如果处于循环里,就会注册5次事件,点击后alert5次 */ // $("#aa").click(function(){ // alert("hahahaha"); // });转载 2013-09-21 21:12:18 · 648 阅读 · 0 评论 -
Jquery图片滚动与幻灯片
Jquery图片滚动与幻灯片的实例代码。复制代码代码如下: Jquery图片滚动与幻灯片---www.jbxue.com $(document).ready(function () { Xhun(".a"); //----------------------只需要修改 ”.a" (就是最大的div的clas原创 2013-09-26 08:12:32 · 614 阅读 · 0 评论 -
JS刷新 当前页面 的经验分享
reload 方法,该方法强迫浏览器刷新当前页面。语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客转载 2013-09-27 10:50:52 · 479 阅读 · 0 评论 -
jquery刷新页面的方法
局部刷新: 常见的有以下几种; $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。 }); $.getScript方转载 2013-09-27 10:48:32 · 725 阅读 · 0 评论 -
分享三个iframe自适应高度的例子
本文介绍下,iframe自适应高度的例子,方便初学的朋友学习参考。不说理论了,直接上iframe实例。页面,0.htm:测试 链接1 链接21.htm:第一个连接一草一木脚本学堂_www.jbxue.com脚本学堂_www.jbxue.com四通八达脚本学堂六安市不一样的致青春。来吧朋友,来吧朋友。九月份北京欢迎转载 2013-09-27 11:08:08 · 691 阅读 · 0 评论 -
基于jquery的淡入淡出选项卡效果代码
经典的Tab选项卡代码,淡入淡出,jquery插件版,希望大家能够喜欢,简洁未过多美化. 经典选项卡 - www.jbxue.com .tab{text-align:left;width:500px;border:#ccc 1px solid;margin:100px;} .tab dt{border-bottom:#ccc 1px solid;hei转载 2013-11-15 07:12:16 · 742 阅读 · 0 评论 -
jQuery登陆判断简单实现代码
登陆判断在实际应用中还是比较常见,在客户端执行判断可以减少服务器端的负担,感兴趣的朋友可以参考下复制代码代码如下: $('#txtUserName').focus(function () { $('#txtUserName').val(''); }) $('#txtPassWord').focus(function () { $('#txtPassWo转载 2013-11-16 07:12:30 · 664 阅读 · 0 评论 -
setInterval()和setTimeout()的用法和区别示例介绍
setInterval()和setTimeout()想必大家并不陌生吧,接触js的朋友都知道的,不过还是有一些新手朋友对两者的用法不是很熟悉,下面简要的为大家介绍下。1. setInterval() 用法_学习 复制代码代码如下://每隔一秒自动执行方法 var c=0; function showLogin() { alert(c++); } //se转载 2013-11-18 06:46:59 · 819 阅读 · 0 评论 -
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
去除字符串两端的空格,是字符串处理非常常用的方法如何trim() 、Ltrim() 、Rtrim(),可惜的是javascript中无此方法,下面有个不错的自定义教程感兴趣的朋友可以参考下去除字符串两端的空格,是字符串处理非常常用的方法,非常遗憾的是JavaScript没有这三个方法,只有我们自定义了: 第1步,给String添加成员 复制代码代码如下:String.p转载 2013-11-04 06:31:11 · 520 阅读 · 0 评论 -
javascript的trim,ltrim,rtrim自定义函数
今天用到javascript去掉一个文本框中字符串两端的空格,开始还以为有trim,ltrim,rtrim函数(asp中有这三个函数,弄混了),结果找半天,没有找到。最后找到用正则实现这样功能的自定义函数。 function trim(str){ //删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); } function l转载 2013-11-04 06:32:20 · 399 阅读 · 0 评论 -
setTimeout和setInterval的深入理解
以前写的setTimeout和setInterval的文章有些不足之处,今天抽时间整理了一下。要想真正理解还得从javascript的单线程机制说起大概半年前发表过一篇关于setTimeout和setInterval的文章,但是现在回去仔细一看发现其实存在很多不足以及错误。事实上,setTimeout和setInterval并没有我们字面上理解的那么简单。要真正掌握并理解这两个方法,还得从ja转载 2013-11-18 06:48:11 · 766 阅读 · 0 评论 -
JS获取当前日期和时间的简单实例
这篇文章主要介绍了JS获取当前日期和时间的简单实例,有需要的朋友可以参考一下复制代码代码如下:var myDate = new Date(); myDate.getYear(); //获取当前年份(2位)//alert(myDate.getYear()) //2009 myDate.getFullYear(); //获取完整的年份转载 2013-11-20 06:48:39 · 664 阅读 · 0 评论 -
jquery交替变换颜色的三种方法 实例代码
这篇文章主要介绍了jquery交替变换颜色的三种方法,有需要的朋友可以参考一下复制代码代码如下:even and odd jquery交替变换颜色 - www.jbxue.com$(function(){ alert("第一种"); $("tbody tr:even").css("background-colo转载 2013-11-20 06:49:26 · 1076 阅读 · 0 评论 -
js计算两个时间之间天数差的实例代码
这篇文章主要介绍了js计算两个时间之间天数差的实例代码,有需要的朋友可以参考一下复制代码代码如下://判断是否为闰年function isLeapYear(year){if(year % 4 == 0 && ((year % 100 != 0) || (year % 400 == 0))){ return true;}return false;}转载 2013-11-20 06:50:28 · 662 阅读 · 0 评论 -
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)。 比如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option[text='pxx']").attr("selected",true);这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很转载 2014-02-07 15:07:40 · 435 阅读 · 0 评论