`

javascript小技巧总结

阅读更多
事件源对象

event.srcElement.tagName 
event.srcElement.type 
 
捕获释放 

event.srcElement.setCapture(); 
event.srcElement.releaseCapture(); 

 

事件按键 

event.keyCode 
event.shiftKey 
event.altKey 
event.ctrlKey 

 
事件返回值

event.returnValue 

 

鼠标位置 

event.x 
event.y 

 
窗体活动元素 
document.activeElement 
绑定事件 
document.captureEvents(Event.KEYDOWN); 
访问窗体元素 
document.all("txt").focus(); 
document.all("txt").select(); 
窗体命令 
document.execCommand 
窗体COOKIE 
document.cookie 
菜单事件 
document.oncontextmenu 
创建元素 
document.createElement("SPAN"); 
根据鼠标获得元素: 
document.elementFromPoint(event.x,event.y).tagName=="TD 
document.elementFromPoint(event.x,event.y).appendChild(ms) 
窗体图片 
document.images[索引] 
窗体事件绑定 
document.onmousedown=scrollwindow; 
元素 
document.窗体.elements[索引] 
对象绑定事件 
document.all.xxx.detachEvent('onclick',a); 
插件数目 
navigator.plugins 
取变量类型 
typeof($js_libpath) == "undefined" 
下拉框 
下拉框.options[索引] 
下拉框.options.length 
查找对象 
document.getElementsByName("r1"); 
document.getElementById(id); 
定时 
timer=setInterval('scrollwindow()',delay); 
clearInterval(timer); 
UNCODE编码 
escape() ,unescape 
父对象 
obj.parentElement(dhtml) 
obj.parentNode(dom) 
交换表的行 
TableID.moveRow(2,1) 
替换CSS 
document.all.csss.href = "a.css"; 
并排显示 
display:inline 
隐藏焦点 
hidefocus=true 
根据宽度换行 
style="word-break:break-all" 
自动刷新 
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net"> 
简单邮件 
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"> 
快速转到位置 
obj.scrollIntoView(true) 
锚 
<a name="first"> 
<a href="#first">anchors</a> 
网页传递参数 
location.search(); 
可编辑 
obj.contenteditable=true 
执行菜单命令 
obj.execCommand 
双字节字符 
/[^\x00-\xff]/ 
汉字 
/[\u4e00-\u9fa5]/ 
让英文字符串超出表格宽度自动换行 
word-wrap: break-word; word-break: break-all; 
透明背景 
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 
获得style内容 
obj.style.cssText 
HTML标签 
document.documentElement.innerHTML 
第一个style标签 
document.styleSheets[0] 
style标签里的第一个样式 
document.styleSheets[0].rules[0] 
防止点击空链接时,页面往往重置到页首端。 
<a href="javascript:function()">word</a> 
上一网页源 
asp: 
request.servervariables("HTTP_REFERER") 
javascript: 
document.referrer 
释放内存 
CollectGarbage(); 
禁止右键 
document.oncontextmenu = function() { return false;} 
禁止保存 
<noscript><iframe src="*.htm"></iframe></noscript> 
禁止选取<bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"onmouseup="document.selection.empty()> 
禁止粘贴 
<input type=text onpaste="return false"> 
地址栏图标 
<link rel="Shortcut Icon" href="favicon.ico"> 
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 
收藏栏图标 
<link rel="Bookmark" href="favicon.ico"> 
查看源码 
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> 
关闭输入法 
<input style="ime-mode:disabled"> 
自动全选 
<input type=text name=text1 value="123" onfocus="this.select()"> 
ENTER键可以让光标移到下一个输入框 
<input onkeydown="if(event.keyCode==13)event.keyCode=9"> 
文本框的默认值 
<input type=text value="123" onfocus="alert(this.defaultValue)"> 
title换行 
obj.title = "123&#13sdfs&#32" 
获得时间所代表的微秒 
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() 
窗口是否关闭 
win.closed 
checkbox扁平 
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> 
获取选中内容 
document.selection.createRange().duplicate().text 
自动完成功能 
<input type=text autocomplete=on>打开该功能 
<input type=text autocomplete=off>关闭该功能 
窗口最大化 
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> 
无关闭按钮IE 
window.open("aa.htm", "meizz", "fullscreen=7"); 
统一编码/解码 
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 
encodeURIComponent对":"、"/"、";" 和 "?"也编码 
表格行指示 
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> 

//各种尺寸 

s+="\r\n网页可见区域宽:"+document.body.clientWidth; 
s+="\r\n网页可见区域高:"+document.body.clientHeight; 
s+="\r\n网页可见区域高:"+document.body.offsetWeight+"(包括边线的宽)"; 
s+="\r\n网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)"; 
s+="\r\n网页正文全文宽:"+document.body.scrollWidth; 
s+="\r\n网页正文全文高:"+document.body.scrollHeight; 
s+="\r\n网页被卷去的高:"+document.body.scrollTop; 
s+="\r\n网页被卷去的左:"+document.body.scrollLeft; 
s+="\r\n网页正文部分上:"+window.screenTop; 
s+="\r\n网页正文部分左:"+window.screenLeft; 
s+="\r\n屏幕分辨率的高:"+window.screen.height; 
s+="\r\n屏幕分辨率的宽:"+window.screen.width; 
s+="\r\n屏幕可用工作区高度:"+window.screen.availHeight; 
s+="\r\n屏幕可用工作区宽度:"+window.screen.availWidth; 
//过滤数字 


//特殊用途 


//不缓存 

 


//正则匹配 


匹配中文字符的正则表达式:[\u4e00-\u9fa5] 
匹配双字节字符(包括汉字在内):[^\x00-\xff] 
匹配空行的正则表达式:\n[\s|]*\r 
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*)\/>/ 
匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数) 
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 
匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)? 
以下是例子: 
利用正则表达式限制网页表单里的文本框输入内容: 
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 
1.用正则表达式限制只能输入全角字符:onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 
2.用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
3.用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
//消除图像工具栏 


<IMGSRC="mypicture.jpg"HEIGHT="100px"WIDTH="100px"GALLERYIMG="false"> 
or 
<head> 
<metahttp-equiv="imagetoolbar"content="no"> 
</head> 

//无提示关闭 


functionClose() 
{ 
varua=navigator.userAgent 
varie=navigator.appName=="MicrosoftInternetExplorer"?true:false 
if(ie) 
{ 
varIEversion=parseFloat(ua.substring(ua.indexOf("MSIE")+5,ua.indexOf(";",ua.indexOf("MSIE")))) 
if(IEversion<5.5) 
{ 
varstr='<objectid=noTipCloseclassid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">' 
str+='<paramname="Command"value="Close"></object>'; 
document.body.insertAdjacentHTML("beforeEnd",str); 
document.all.noTipClose.Click(); 
} 
else 
{ 
window.opener=null; 
window.close(); 
} 
} 
else 
{ 
window.close() 
} 
} 

//取得控件得绝对位置(1) 


<scriptlanguage="javascript"> 
functiongetoffset(e) 
{ 
vart=e.offsetTop; 
varl=e.offsetLeft; 
while(e=e.offsetParent) 
{ 
t+=e.offsetTop; 
l+=e.offsetLeft; 
} 
varrec=newArray(1); 
rec[0]=t; 
rec[1]=l; 
returnrec 
} 
</script> 
//获得控件的绝对位置(2) 


oRect=obj.getBoundingClientRect(); 
oRect.left 
oRect. 
//最小化,最大化,关闭 

 


//光标停在文字最后 

 

<scriptlanguage="javascript"> 
functioncc() 
{ 
vare=event.srcElement; 
varr=e.createTextRange(); 
r.moveStart('character',e.value.length); 
r.collapse(true); 
r.select(); 
} 
</script> 
<inputtype=textname=text1value="123"onfocus="cc()"> 

//页面进入和退出的特效 


进入页面<metahttp-equiv="Page-Enter"content="revealTrans(duration=x,transition=y)"> 
推出页面<metahttp-equiv="Page-Exit"content="revealTrans(duration=x,transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使 
用哪种特效,取值为1-23: 
  0矩形缩小 
  1矩形扩大 
  2圆形缩小 
  3圆形扩大 
  4下到上刷新 
  5上到下刷新 
  6左到右刷新 
  7右到左刷新 
  8竖百叶窗 
  9横百叶窗 
  10错位横百叶窗 
  11错位竖百叶窗 
  12点扩散 
  13左右到中间刷新 
  14中间到左右刷新 
  15中间到上下 
  16上下到中间 
  17右下到左上 
  18右上到左下 
  19左上到右下 
  20左下到右上 
  21横条 
  22竖条 
  23 

//网页是否被检索 

 

//打印分页 

 

//设置打印 


<objectid="factory"style="display:none"viewastext 
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" 
codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360" 
></object> 
<inputtype=buttonvalue=页面设置onclick="factory.printing.PageSetup()"> 
<inputtype=buttonvalue=打印预览onclick="factory.printing.Preview()"> 

<scriptlanguage=javascript> 
functionwindow.onload() 
{ 
//--advancedfeatures 
factory.printing.SetMarginMeasure(2)//measuremarginsininches 
factory.printing.SetPageRange(false,1,3)//needpagesfrom1to3 
factory.printing.printer="HPDeskJet870C" 
factory.printing.copies=2 
factory.printing.collate=true 
factory.printing.paperSize="A4" 
factory.printing.paperSource="Manualfeed" 
//--basicfeatures 
factory.printing.header="居左显示&b居中显示&b居右显示页码,第&p页/共&P页" 
factory.printing.footer="(自定义页脚)" 
factory.printing.portrait=false 
factory.printing.leftMargin=0.75 
factory.printing.topMargin=1.5 
factory.printing.rightMargin=0.75 
factory.printing.bottomMargin=1.5 
} 
functionPrint(frame){ 
factory.printing.Print(true,frame)//printwithprompt 
} 
</script> 
<inputtype=buttonvalue="打印本页"onclick="factory.printing.Print(false)"> 
<inputtype=buttonvalue="页面设置"onclick="factory.printing.PageSetup()"> 
<inputtype=buttonvalue="打印预览"onclick="factory.printing.Preview()"><br> 
<ahref="http://www.meadroid.com/scriptx/docs/printdoc.htm?static"target=_blank>具体使用手册,更多信息,点这里</a> 

//自带的打印预览 

WebBrowser.ExecWB(1,1)打开 
Web.ExecWB(2,1)关闭现在所有的IE窗口,并打开一个新窗口 
Web.ExecWB(4,1)保存网页 
Web.ExecWB(6,1)打印 
Web.ExecWB(7,1)打印预览 
Web.ExecWB(8,1)打印页面设置 
Web.ExecWB(10,1)查看页面属性 
Web.ExecWB(15,1)好像是撤销,有待确认 
Web.ExecWB(17,1)全选 
Web.ExecWB(22,1)刷新 
Web.ExecWB(45,1)关闭窗体无提示 
<stylemedia=print> 
.Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目--> 
.PageNext{page-break-after:always;}<!--控制分页--> 
</style> 
<objectid="WebBrowser"width=0height=0classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 
</object> 

<centerclass="Noprint"> 
<inputtype=buttonvalue=打印onclick=document.all.WebBrowser.ExecWB(6,1)> 
<inputtype=buttonvalue=直接打印onclick=document.all.WebBrowser.ExecWB(6,6)> 
<inputtype=buttonvalue=页面设置onclick=document.all.WebBrowser.ExecWB(8,1)> 
</p> 
<p><inputtype=buttonvalue=打印预览onclick=document.all.WebBrowser.ExecWB(7,1)> 
</center> 

//去掉打印时的页眉页脚 


<scriptlanguage="JavaScript"> 
varHKEY_Root,HKEY_Path,HKEY_Key; 
HKEY_Root="HKEY_CURRENT_USER"; 
HKEY_Path="\\Software\\Microsoft\\InternetExplorer\\PageSetup\\"; 
//设置网页打印的页眉页脚为空 
functionPageSetup_Null() 
{ 
try 
{ 
varWsh=newActiveXObject("WScript.Shell"); 
HKEY_Key="header"; 
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); 
HKEY_Key="footer"; 
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,""); 
} 
catch(e){} 
} 
//设置网页打印的页眉页脚为默认值 
functionPageSetup_Default() 
{ 
try 
{ 
varWsh=newActiveXObject("WScript.Shell"); 
HKEY_Key="header"; 
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P"); 
HKEY_Key="footer"; 
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d"); 
} 
catch(e){} 
} 
</script> 
<inputtype="button"value="清空页码"onclick=PageSetup_Null()> 
<inputtype="button"value="恢复页码"onclick=PageSetup_Default()> 
//浏览器验证 


functioncheckBrowser() 
{ 
this.ver=navigator.appVersion 
this.dom=document.getElementById?1:0 
this.ie6=(this.ver.indexOf("MSIE6")>-1&&this.dom)?1:0; 
this.ie5=(this.ver.indexOf("MSIE5")>-1&&this.dom)?1:0; 
this.ie4=(document.all&&!this.dom)?1:0; 
this.ns5=(this.dom&&parseInt(this.ver)>=5)?1:0; 
this.ns4=(document.layers&&!this.dom)?1:0; 
this.mac=(this.ver.indexOf('Mac')>-1)?1:0; 
this.ope=(navigator.userAgent.indexOf('Opera')>-1); 
this.ie=(this.ie6||this.ie5||this.ie4) 
this.ns=(this.ns4||this.ns5) 
this.bw=(this.ie6||this.ie5||this.ie4||this.ns5||this.ns4||this.mac||this.ope) 
this.nbw=(!this.bw) 
returnthis; 
} 
//计算内容宽和高 


<SCRIPTlanguage="javascript"> 
functiontest(obj) 
{ 
varrange=obj.createTextRange(); 
alert("内容区宽度:"+range.boundingWidth 
+"px\r\n内容区高度:"+range.boundingHeight+"px"); 

} 
</SCRIPT> 
<BODY> 
<Textareaid="txt"height="150">sdf</textarea><INPUTtype="button"value="计算内容宽度"onClick="test(txt)"> 
</BODY> 
//无模式的提示框 


functionmodelessAlert(Msg) 
{ 
window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"); 
} 

 

//屏蔽按键 


<html> 
<head> 
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> 
<noscript><metahttp-equiv="refresh"content="0;url=about:noscript"></noscript> 
<title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title> 
</head> 
<body> 
<scriptlanguage="Javascript"><!-- 
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 
//Author:meizz(梅花雨)2002-6-18 
functiondocument.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 
functionwindow.onhelp(){returnfalse}//屏蔽F1帮助 
functiondocument.onkeydown() 
{ 
if((window.event.altKey)&& 
((window.event.keyCode==37)||//屏蔽Alt+方向键← 
(window.event.keyCode==39)))//屏蔽Alt+方向键→ 
{ 
alert("不准你使用ALT+方向键前进或后退网页!"); 
event.returnValue=false; 
} 
/*注:这还不是真正地屏蔽Alt+方向键, 
因为Alt+方向键弹出警告框时,按住Alt键不放, 
用鼠标点掉警告框,这种屏蔽方法就失效了。以后若 
有哪位高手有真正屏蔽Alt键的方法,请告知。*/ 
if((event.keyCode==8)||//屏蔽退格删除键 
(event.keyCode==116)||//屏蔽F5刷新键 
(event.ctrlKey&&event.keyCode==82)){//Ctrl+R 
event.keyCode=0; 
event.returnValue=false; 
} 
if(event.keyCode==122){event.keyCode=0;event.returnValue=false;}//屏蔽F11 
if(event.ctrlKey&&event.keyCode==78)event.returnValue=false;//屏蔽Ctrl+n 
if(event.shiftKey&&event.keyCode==121)event.returnValue=false;//屏蔽shift+F10 
if(window.event.srcElement.tagName=="A"&&window.event.shiftKey) 
window.event.returnValue=false;//屏蔽shift加鼠标左键新开一网页 
if((window.event.altKey)&&(window.event.keyCode==115))//屏蔽Alt+F4 
{ 
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px"); 
returnfalse; 
} 
} 
</script> 
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 
</body> 
</html> 
//屏蔽打印 
<style> 
@media print{ 
* {display:none} 
} 
</style> 


//移动的图层,拖动 


1.<spanstyle='position:absolute;width:200;height:200;background:red'onmousedown=MouseDown(this)onmousemove=MouseMove()onmouseup=MouseUp()>meizz</span> 
<scriptlanguage=javascript> 
varObj; 
functionMouseDown(obj) 
{ 
Obj=obj; 
Obj.setCapture(); 
Obj.l=event.x-Obj.style.pixelLeft; 
Obj.t=event.y-Obj.style.pixelTop; 
} 
functionMouseMove() 
{ 
if(Obj!=null) 
{ 
Obj.style.left=event.x-Obj.l; 
Obj.style.top=event.y-Obj.t; 
} 
} 
functionMouseUp() 
{ 
if(Obj!=null) 
{ 
Obj.releaseCapture(); 
Obj=null; 
} 
} 
</script> 
2. 
<divid="myDiv"src="logo.gif"ondrag="doDrag();"onmouseover="this.style.cursor='hand'"style="position:absolute;left=100;top=100;"onmousedown="doMouseDown();"> 
<ahref="#"onclick="returnfalse"><h1>wlecome</h1></a> 
</div> 
<scriptlanguage="JavaScript"type="text/javascript"> 
varorgMouseX; 
varorgMouseY; 
varorgObjX; 
varorgObjY; 
functiondoDrag() 
{ 
varmyObject=document.all.myDiv; 

varx=event.clientX; 
vary=event.clientY; 
myObject.style.left=x-(orgMouseX-orgObjX); 
myObject.style.top=y-(orgMouseY-orgObjY); 

} 
functiondoMouseDown() 
{ 
orgMouseX=event.clientX; 
orgMouseY=event.clientY; 
orgObjX=parseInt(document.all.myDiv.style.left); 
orgObjY=parseInt(document.all.myDiv.style.top); 
} 

</script> 

//文档状态改变 


<iframesrc="a.html"id="f"name="f"scrolling="no"frameborder=0marginwidth=0marginheight=0></iframe> 
<script> 
vardoc=window.frames["f"].document; 
functions(){ 
if(doc.readyState=="complete"){ 
document.all.f.style.height=doc.body.scrollHeight 
document.all.f.style.width=doc.body.scrollWidth 
} 
} 
doc.onreadystatechange=s 
</script> 


//刷新后不变的文本框 


//访问剪贴板 


//操作COOKIE 


functionSetCookie(sName,sValue) 
{ 
document.cookie=sName+"="+escape(sValue)+";"; 
} 
functionGetCookie(sName) 
{ 
varaCookie=document.cookie.split(";"); 
for(vari=0;i<aCookie.length;i++) 
{ 

varaCrumb=aCookie[i].split("="); 
if(sName==aCrumb[0]) 
returnunescape(aCrumb[1]); 
} 

} 
functionDelCookie(sName) 
{ 
document.cookie=sName+"="+escape(sValue)+";expires=Fri,31Dec199923:59:59GMT;"; 
} 
//setTimeout增加参数 


<script> 
var_st=window.setTimeout; 
window.setTimeout=function(fRef,mDelay){ 
if(typeoffRef=='function'){ 
varargu=Array.prototype.slice.call(arguments,2); 
varf=(function(){fRef.apply(null,argu);}); 
return_st(f,mDelay); 
} 
return_st(fRef,mDelay); 
} 
functiontest(x){ 
alert(x); 
} 
window.setTimeout(test,1000,'fason'); 
</script> 

//自定义的apply,call 

Function.prototype.apply=function(obj,argu){ 
if(obj)obj.constructor.prototype._caller=this; 
varargus=newArray(); 
for(vari=0;i<argu.length;i++) 
argus[i]="argu["+i+"]"; 
varr; 
eval("r="+(obj?("obj._caller("+argus.join(",")+");"):("this("+argus.join(",")+");"))); 
returnr; 
}; 
Function.prototype.call=function(obj){ 
varargu=newArray(); 
for(vari=1;i<arguments.length;i++) 
argu[i-1]=arguments[i]; 
returnthis.apply(obj,argu); 
}; 

//下载文件 

functionDownURL(strRemoteURL,strLocalURL) 
{ 
try 
{ 
varxmlHTTP=newActiveXObject("Microsoft.XMLHTTP"); 
xmlHTTP.open("Get",strRemoteURL,false); 
xmlHTTP.send(); 
varadodbStream=newActiveXObject("ADODB.Stream"); 
adodbStream.Type=1;//1=adTypeBinary 
adodbStream.Open(); 
adodbStream.write(xmlHTTP.responseBody); 
adodbStream.SaveToFile(strLocalURL,2); 
adodbStream.Close(); 
adodbStream=null; 
xmlHTTP=null; 

} 
catch(e) 
{ 
window.confirm("下载URL出错!"); 
} 
//window.confirm("下载完成."); 
} 

//检验连接是否有效 


//组件是否安装 
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID")) 

//检查网页是否存在 


functionCheckURL(URL) 
{ 
varxmlhttp=newActiveXObject("Microsoft.XMLHTTP"); 
xmlhttp.Open("GET",URL,false); 
try 
{ 
xmlhttp.Send(); 
varresult=xmlhttp.status; 
} 
catch(e){return(false);} 
if(result==200) 
{ 
returntrue; 
} 
xmlhttp=null; 
returnfalse; 
} 

//连接数据库 


<scriptlanguage="javascript"> 
//用JavaScript写服务器端连接数据库的代码示例 
varconn=newActiveXObject("ADODB.Connection"); 
conn.Open("Provider=SQLOLEDB.1;DataSource=localhost;UserID=sa;" 
+"Password=;InitialCatalog=pubs"); 
varrs=newActiveXObject("ADODB.Recordset"); 
varsql="select*fromauthors"; 
rs.open(sql,conn); 
shtml="<tablewidth='100%'border=1>"; 
shtml+="<trbgcolor='#f4f4f4'><td>au_id</td><td>au_lname</td><td>au_fname</td><td>phone</td><td>address</td><td>city</td><td>state</td><td>zip</td></tr>"; 
while(!rs.EOF) 
{ 
shtml+="<tr><td>"+rs("au_id")+"</td><td>"+rs("au_lname")+"</td><td>"+rs("au_fname")+"</td><td>"+rs("phone")+"</td><td>"+rs("address")+"</td><td>"+rs("city")+"</td><td>"+rs("state")+"</td><td>"+rs("zip")+"</td></tr>"; 
rs.moveNext; 
} 
shtml+="</table>"; 
document.write(shtml); 
rs.close(); 
rs=null; 
conn.close(); 
conn=null; 
</script> 
//使用数据岛 

 

<html> 
<body> 
srno:<inputtype=textdatasrc=#xmldateDataFLD=srnosize="76"><BR> 
times:<inputtype=textdatasrc=#xmldateDataFLD=timessize="76"><BR> 
<inputid="first"TYPE=buttonvalue="<< 第一条记录"onclick="xmldate.recordset.moveFirst()"> 
<inputid="prev"TYPE=buttonvalue="<上一条记录"onclick="xmldate.recordset.movePrevious()"> 
<inputid="next"TYPE=buttonvalue="下一条记录>"onclick="xmldate.recordset.moveNext()"> 
<inputid="last"TYPE=buttonvalue="最后一条记录>>"onclick="xmldate.recordset.moveLast()"> 
<inputid="Add"TYPE=buttonvalue="添加新记录"onclick="xmldate.recordset.addNew()"> 

<XMLID="xmldate"> 
<infolist> 
<info><srno>20041025-01</srno><times>null</times></info> 
<info><srno>20041101-09</srno><times>2004年10月1日2点22分0秒</times></info> 
</infolist> 
</XML> 
</body> 
</html> 
//获得参数 


<body> 
<ahref="javascript:location.href=location.href+'?a=1&b=2'">search</a> 
<scriptlanguage="JavaScript"> 
<!-- 
vara=location.search.substr(1); 
if(a.length>0) 
{ 
varre=/([^&]*?)\=([^&]*)/g 
vars=a.match(re); 
for(vari=0;i<s.length;i++) 
{ 
alert(s[i]); 
alert(s[i].split("=")[1]); 
} 
} 
//--> 
</script> 
</body> 
//可编辑SELECT 


 

 

分享到:
评论

相关推荐

    javascript小技巧

    javascript小技巧汇总,很实用。

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    Javascript小技巧之生成html元素.docx

    1. **JavaScript小技巧整理篇(特别全)**:这篇文章汇总了许多JavaScript编程中的实用技巧,包括但不限于变量处理、函数运用、事件处理等方面。 2. **javascript同步服务器时间和同步倒计时小技巧**:讲解如何用...

    Javascript 实用小技巧

    以上内容是文章中提供的JavaScript实用小技巧的概要和总结。这些技巧对于初学者和有经验的开发者都具有一定的参考价值,尤其是在理解JavaScript函数调用机制、文件操作、网络请求检测和字符编码转换方面。通过阅读...

    JavaScript小技巧整理篇(非常全).pdf

    ### JavaScript小技巧整理篇知识点详述 #### 一、引言 本文档旨在总结一系列JavaScript编程中的实用技巧,涵盖从基本操作到高级功能的应用。这些技巧不仅有助于提升开发效率,还能帮助开发者更好地理解和掌握...

    web 笔记,包含JavaScript、CSS、HTML 等;各种前端开发的小技巧及总结.zip

    各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含JavaScript、CSS、HTML 等;各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含...

    JavaScript小技巧全集.doc

    本文将探讨几个实用的JavaScript小技巧,包括鼠标控制、显示日期和时间,以及利用历史记录和前进功能。 首先,让我们来看如何用鼠标控制Web页面。在JavaScript中,`onMouseOver`事件是一个非常有用的特性,允许我们...

    几百个javascript常用小技巧总结

    以下是一些JavaScript的常用小技巧和知识点的总结,帮助你提升编程效率和代码质量。 1. **变量声明与作用域** - 使用`let`和`const`代替`var`,避免变量提升和作用域污染。 - `let`允许块级作用域,而`const`用于...

    网页常用小技巧JavaScript

    网页常用小技巧JavaScript:深入解析与应用 在现代网页开发中,JavaScript作为三大核心语言之一,扮演着举足轻重的角色。它不仅能够为网页添加动态效果,还能够实现复杂的功能,提升用户体验。本文将围绕“网页常用...

    JavaScript小技巧

    根据提供的文件信息,我们可以总结出一系列有关JavaScript的小技巧与实用...以上就是从给定的文件信息中提取出来的一系列JavaScript小技巧及其解释。这些技巧不仅能够提高开发效率,还能够增强网站的安全性和用户体验。

    javascript小技巧&nbsp;&nbsp;超强推荐第3 5页.docx

    根据提供的文档信息,我们可以总结出以下JavaScript相关的知识点: ### 一、无提示关闭窗口 **功能简介:** 此段代码实现的功能是在不显示任何提示的情况下关闭当前浏览器窗口或标签页。这种技术通常用于某些特定...

    Javascript常用小技巧汇总

    JavaScript是一种广泛应用于Web开发的脚本...总之,熟练掌握这些JavaScript小技巧能帮助开发者写出更高效、更简洁的代码。在实际开发中,应该根据项目需求和团队规范灵活运用这些技巧,同时保持代码的可读性和维护性。

    【JavaScript源代码】11个Javascript小技巧帮你提升代码质量(小结).docx

    以上列举的技巧只是提升 JavaScript 代码质量的一小部分方法。通过实践这些技巧,开发者不仅可以写出更加优雅和高效的代码,还能提高团队协作效率,减少后期维护成本。当然,最重要的是根据具体项目的需求灵活运用...

    40种网页常用小技巧(javascript)

    以上就是从提供的文本中总结的JavaScript网页小技巧,这些技巧可以帮助开发者提升用户体验,增强网页的安全性,并提供更丰富的交互功能。在实际应用中,需要注意这些技巧可能对某些用户的访问造成不便,因此在使用时...

    JavaScript 应用技巧集合[推荐]

    在描述中,则明确指出文章是作者对收集到的JavaScript应用技巧的总结和详细描述,并鼓励读者提出遗漏的技巧,以便作者能够及时更新文章内容。 基于给定的文件信息,以下是详细的知识点内容: 1. 类型转换技巧:在...

    javascript网页50种小技巧

    根据给定的信息,我们可以总结出一系列与HTML及JavaScript相关的实用技巧。这些技巧涵盖了从简单的页面交互到更复杂的脚本编写,对于网页设计者和开发者来说非常有用。下面将详细介绍每一条技巧及其应用场景。 ### ...

    程序员常用代码小技巧_javascript.doc

    下面是JavaScript常用代码小技巧的总结: 事件处理 * 事件源对象:`event.srcElement.tagName`、`event.srcElement.type` * 捕获释放:`event.srcElement.setCapture()`、`event.srcElement.releaseCapture()` * ...

    40种Javascript中常用的使用小技巧

    根据提供的文件信息,我们可以归纳总结出40种在JavaScript中常用的小技巧,下面将对每一点进行详细解析: 1. **禁用右键菜单:** ```javascript oncontextmenu="window.event.returnValue=false" ``` 此代码...

    开发中总结的 Javascript中最常用的130个经典技巧

    根据提供的文件信息,这里将详细解释其中提及的部分Javascript经典技巧,并深入探讨其应用场景与实现原理。这130个技巧涵盖了从基础到高级的各种应用场景,是开发者在日常工作中经常用到的技术点。以下是对其中一些...

Global site tag (gtag.js) - Google Analytics