第一种方法： var img = new Image(); img.src =”http://www.daydayline.com” 第二种方法： var img_2 =document.createElement(“img”); img_2.src = “http://www.daydayline.com”;
Category Archives: js
JS的正则表达式
Posted by cao on 10月 9, 2010
0 comments
//校验是否全由数字组成 [code] function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } [/code] //校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 [code] function isRegisterUserName(s) { var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; if (!patrn.exec(s)) return false return true } [/code] //校验用户姓名：只能输入1-30个以字母开头的字串 [code] function isTrueName(s) { var patrn=/^[a-zA-Z]{1,30}$/; if (!patrn.exec(s)) return false return true } }} //校验密码：只能输入6-20个字母、数字、下划线 [code] function isPasswd(s) { var patrn=/^(\w){6,20}$/; if (!patrn.exec(s)) return [...]
js 正则表达式
Posted by cao on 09月 29, 2010
5 comments
只能输入数字：”^[0-9]*$”。 只能输入n位的数字：”^\d{n}$”。 只能输入至少n位的数字：”^\d{n,}$”。 只能输入m~n位的数字：。”^\d{m,n}$” 只能输入零和非零开头的数字：”^(0|[1-9][0-9]*)$”。 只能输入有两位小数的正实数：”^[0-9]+(.[0-9]{2})?$”。 只能输入有1~3位小数的正实数：”^[0-9]+(.[0-9]{1,3})?$”。 只能输入非零的正整数：”^\+?[1-9][0-9]*$”。 只能输入非零的负整数：”^\-[1-9][]0-9″*$。 只能输入长度为3的字符：”^.{3}$”。 只能输入由26个英文字母组成的字符串：”^[A-Za-z]+$”。 只能输入由26个大写英文字母组成的字符串：”^[A-Z]+$”。 只能输入由26个小写英文字母组成的字符串：”^[a-z]+$”。 只能输入由数字和26个英文字母组成的字符串：”^[A-Za-z0-9]+$”。 只能输入由数字、26个英文字母或者下划线组成的字符串：”^\w+$”。 验证用户密码：”^[a-zA-Z]\w{5,17}$”正确格式为：以字母开头，长度在6~18之间，只能包含字符、数字和下划线。 验证是否含有^%&’,;=?$\”等字符：”[^%&',;=?$\x22]+”。 只能输入汉字：”^[\u4e00-\u9fa5]{0,}$” 验证Email地址：”^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$”。 验证InternetURL：”^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$”。 验证电话号码：”^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$”正确格式为：”XXX-XXXXXXX”、”XXXX-XXXXXXXX”、”XXX-XXXXXXX”、”XXX-XXXXXXXX”、”XXXXXXX”和”XXXXXXXX”。 验证身份证号（15位或18位数字）：”^\d{15}|\d{18}$”。 验证一年的12个月：”^(0?[1-9]|1[0-2])$”正确格式为：”01″～”09″和”1″～”12″。 验证一个月的31天：”^((0?[1-9])|((1|2)[0-9])|30|31)$”正确格式为；”01″～”09″和”1″～”31″。 得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1 s=”http://www.slfans.com” s=s.replace(/(.*\/){0,}([^\.]+).*/ig,”$2″) alert(s) 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） String.prototype.len=function(){return this.replace([^\x00-\xff]/g,”aa”).length;} 匹配空行的正则表达式：\n[\s| ]*\r 匹配HTML标记的正则表达式：/< (.*)>.*< \/\1>|< (.*) \/>/ 匹配首尾空格的正则表达式：(^\s*)|(\s*$) String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, “”); }
js 最简单的（手机号、邮件）判断
Posted by cao on 09月 29, 2010
0 comments
手机判断 var phone=”13764575076″; if(isNaN(phone) == false && phone.length ==11) alert(‘正确’); //isNaN其实也就是is not number 邮件判断 var obj=”huaidong@163.cn”; reg=/^[_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,4}$/gi; if(reg.test(obj)){ alert(“正确的电子邮件”); } 正则表达式gi是： g: global match(全定匹配) i: ignore case(忽略大小写)
js 通过点击按钮控制图片列表左右滚动的JS代码
Posted by cao on 09月 14, 2010
1 comment
可以把下面代码复制下来，并保存为html文件就可以看到效果 <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>超级经典一套鼠标控制左右滚动图片带自动翻滚</title> <style type="text/css"> <!– .rollBox { background-color:#F5F5F5; border:1px solid #DDBFC7; clear:both; height:178px; margin:0; padding:10px 8px 0; width:550px; margin-top:80px; margin-left:60px; } .rollBox .LeftBotton { height:34px; width:34px; background:url(http://www.beaubeau.com.cn/remote/advt/201009/wap/left.gif) no-repeat 0px 0; overflow:hidden; float:left; display:inline; margin:30px 0 0 0; cursor:pointer; } [...]
js 子窗口关闭,父窗口刷新
Posted by cao on 09月 7, 2010
0 comments
1 .用window.open打开子窗口,当关闭子窗口,刷新父窗口 A.html父窗口 function fnB(){ window.open(“B.html”); } B.html子窗口 function fnC(){ window.opener.location.href = window.opener.location.href; window.close(); } 2.刷新本窗口 window.location.href=window.location.href ; //下面两行可以刷新本页面 window.location.reload; 3 关闭窗口后不谈出重新发送消息 this.BtnCancle.Attributes.Add(“onclick”,”javascript:window.opener=null;window.close();”); 5 超级连接也是一样,标签打开窗体 A.html B.html B.html window.opener.location.href=window.opener.location.href; window.close();
js 实现图片循环显示
Posted by cao on 08月 26, 2010
10 comments
var widths=470; var heights=161; var counts=2; img1=new Image ();img1.src=’http://www.beaubeau.com.cn/remote/advt/201006/bbp/new_1.jpg’; img2=new Image ();img2.src=’http://www.beaubeau.com.cn/remote/advt/201006/bbp/new_2.jpg’; url1=new Image ();url1.src=’#'; url2=new Image ();url2.src=’#'; var nn=1; var key=0; function change_img() {if(key==0){key=1;} else if(document.all) {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);} eval(’document.getElementById("pic").src=img’+nn+’.src’); eval(’document.getElementById("url").href=url’+nn+’.src’); for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className=’axx’;} document.getElementById("xxjdjj"+nn).className=’bxx’; nn++;if(nn>counts){nn=1;} tt=setTimeout(’change_img()’,4000);} function changeimg(n){nn=n;window.clearInterval(tt);change_img();} document.write(’<div style="width:’+widths+’px;height:’+heights+’px;overflow:hidden;text-overflow:clip;">’); document.write(’<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width=’+widths+’ height=’+heights+’ /></a></div>’); document.write(’<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width=’+widths+’ height=’+heights+’ [...]
js 主要是针对ie6不支持getElementsByName才写的这个function
Posted by cao on 08月 13, 2010
2 comments
function getElementsByName (name) { var returns = document.getElementsByName(name); if(returns.length > 0) return returns; returns = new Array(); var e = document.getElementsByTagName(’div’); //表示只能用于div for(i = 0; i < e.length; i++) { if(e[i].getAttribute("name") == name) { returns[returns.length] = e[i]; } } return returns; }
js 模拟class类 输出三个banner
Posted by cao on 08月 13, 2010
3 comments
/******************************** * 类操作函数 *********************************/ var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } var Util = Class.create(); Util.prototype = { initialize: function() { }, $: function(id) { return document.getElementById(id); }, $A: function(iterable) { if(!iterable) { return []; } if(iterable.toArray) { return iterable.toArray(); } else { var results = []; [...]
