常用的一些javascript小技巧 - 蚂蚁

公告

　事件源对象
　
　捕获释放
　
　事件按键
　
　事件返回值
　
　鼠标位置
　event.x
　event.y
　窗体活动元素
　document.activeElement
　绑定事件
　
　访问窗体元素
　
　窗体命令
　document.execCommand
　窗体COOKIE
　document.cookie
　菜单事件
　document.oncontextmenu
　创建元素
　
　根据鼠标获得元素：
　
　窗体图片
　document.images[索引]
　窗体事件绑定
　document.onmousedown=scrollwindow;
　元素
　document.窗体.elements[索引]
　对象绑定事件
　
　插件数目
　navigator.plugins
　取变量类型
　
　下拉框
　下拉框.options[索引]
　下拉框.options.length
　查找对象
　
　定时
　
　UNCODE编码
　escape() ,unescape
　父对象
　
　交换表的行
　
　替换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>
　网页传递参数
　
　可编辑
　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]
　防止点击空链接时，页面往往重置到页首端。
　
　释放内存
　
　禁止右键
　
　禁止保存
　
　禁止选取
　
　禁止粘贴
　
　地址栏图标
　
　favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
　收藏栏图标
　
　查看源码
　
　关闭输入法
　
　自动全选
　
　ENTER键可以让光标移到下一个输入框
　
　文本框的默认值
　
　title换行
　
　获得时间所代表的微秒
　
　窗口是否关闭
　
　checkbox扁平
　
　获取选中内容
　
　自动完成功能
　
　窗口最大化
　
　无关闭按钮IE
　
　统一编码/解码
　
　表格行指示
　
　//各种尺寸
　
　//过滤数字
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//特殊用途
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//不缓存
　
　//正则匹配
　
　以下是例子：
　利用正则表达式限制网页表单里的文本框输入内容：
　
　//消除图像工具栏
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//无提示关闭
　
　
　//取得控件得绝对位置(1)
　
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//获得控件的绝对位置(2)
　
　//最小化,最大化,关闭
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//光标停在文字最后
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//页面进入和退出的特效
　
　
　进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
　推出页面<meta http-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
　//网页是否被检索
　
　<meta name="ROBOTS" content="属性值">
　　　其中属性值有以下一些:
　　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　　属性值为"index": 文件将被检索；
　　　属性值为"follow": 查询页上的链接；
　　　属性值为"noindex": 文件不检索，但可被查询链接；
　　　属性值为"nofollow":
　
　//打印分页
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//设置打印
　

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//自带的打印预览
　
　//去掉打印时的页眉页脚
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//浏览器验证
　
　
　//计算内容宽和高
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//无模式的提示框
　
　//屏蔽按键
　

<html> 
　<head> 
　 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
　 <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript> 
　 <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title> 
　</head> 
　<body> 
　<script language="Javascript"><!-- 
　 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 
　 //Author: meizz(梅花雨) 2002-6-18 
　function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 
　function window.onhelp(){return false} //屏蔽F1帮助 
　function document.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==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"); 
　     return false; 
　 } 
　} 
　</script> 
　屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 
　</body> 
　</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//移动的图层，拖动
　
　
　1.
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//文档状态改变
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//刷新后不变的文本框
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//访问剪贴板
　
　(1)拖拽访问
　
　(2)普通访问
　
　
　//操作COOKIE
　
　
　//setTimeout增加参数
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//自定义的apply,call
　
　//下载文件
　
　//检验连接是否有效
　
　//POST代替FORM
　

<SCRIPT language="VBScript"> 
　Function URLEncoding(vstrIn) 
　   strReturn = "" 
　   For i = 1 To Len(vstrIn) 
　       ThisChr = Mid(vStrIn,i,1) 
　       If Abs(Asc(ThisChr)) < &HFF Then 
　           strReturn = strReturn & ThisChr 
　       Else 
　           innerCode = Asc(ThisChr) 
　           If innerCode < 0 Then 
　               innerCode = innerCode + &H10000 
　           End If 
　           Hight8 = (innerCode  And &HFF00)\ &HFF 
　           Low8 = innerCode And &HFF 
　           strReturn = strReturn & "%" & Hex(Hight8) &  "%" & Hex(Low8) 
　       End If 
　   Next 
　   URLEncoding = strReturn 
　End Function 
　Function bytes2BSTR(vIn) 
　   strReturn = "" 
　   For i = 1 To LenB(vIn) 
　       ThisCharCode = AscB(MidB(vIn,i,1)) 
　       If ThisCharCode < &H80 Then 
　           strReturn = strReturn & Chr(ThisCharCode) 
　       Else 
　           NextCharCode = AscB(MidB(vIn,i+1,1)) 
　           strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode)) 
　           i = i + 1 
　       End If 
　   Next 
　   bytes2BSTR = strReturn 
　End Function 
　dim strA,oReq 
　strA = URLEncoding("submit1=Submit&text1=中文") 
　set oReq = CreateObject("MSXML2.XMLHTTP") 
　oReq.open "POST","http://ServerName/VDir/TstResult.asp",false 
　oReq.setRequestHeader "Content-Length",Len(strA) 
　oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" 
　oReq.send strA 
　msgbox bytes2BSTR(oReq.responseBody) 
　</SCRIPT>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成
　//组件是否安装
　
　//检查网页是否存在
　
　
　//连接数据库
　
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//使用数据岛
　
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//获得参数
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//可编辑SELECT
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　
　//设置光标位置
　
　
　//页内查找
　
　
　//书
　
　http://www.itpub.net/attachment.php?s=&postid=1894598
　http://www.wrclub.net/down/listdown.aspx?id=1341
　//操作EXECL
　

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//自定义提示条
　
　

<a href="#" title="这是提示">tip</a> 
　<script Language="JavaScript"> 
　//***********默认设置定义.********************* 
　tPopWait=50;//停留tWait豪秒后显示提示。 
　tPopShow=5000;//显示tShow豪秒后关闭提示 
　showPopStep=20; 
　popOpacity=99; 
　//***************内部变量定义***************** 
　sPop=null; 
　curShow=null; 
　tFadeOut=null; 
　tFadeIn=null; 
　tFadeWaiting=null; 
　document.write("<style type='text/css'id='defaultPopStyle'>"); 
　document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); 
　document.write("</style>"); 
　document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>"); 
　
　function showPopupText(){ 
　var o=event.srcElement; 
　MouseX=event.x; 
　MouseY=event.y; 
　if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
　       if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
　if(o.dypop!=sPop) { 
　sPop=o.dypop; 
　clearTimeout(curShow); 
　clearTimeout(tFadeOut); 
　clearTimeout(tFadeIn); 
　clearTimeout(tFadeWaiting); 
　if(sPop==null || sPop=="") { 
　dypopLayer.innerHTML=""; 
　dypopLayer.style.filter="Alpha()"; 
　dypopLayer.filters.Alpha.opacity=0; 
　} 
　else { 
　if(o.dyclass!=null) popStyle=o.dyclass  
　else popStyle="cPopText"; 
　curShow=setTimeout("showIt()",tPopWait); 
　} 
　} 
　} 
　function showIt(){ 
　dypopLayer.className=popStyle; 
　dypopLayer.innerHTML=sPop; 
　popWidth=dypopLayer.clientWidth; 
　popHeight=dypopLayer.clientHeight; 
　if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 
　else popLeftAdjust=0; 
　if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 
　else popTopAdjust=0; 
　dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 
　dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 
　dypopLayer.style.filter="Alpha(Opacity=0)"; 
　fadeOut(); 
　} 
　function fadeOut(){ 
　if(dypopLayer.filters.Alpha.opacity<popOpacity) { 
　dypopLayer.filters.Alpha.opacity+=showPopStep; 
　tFadeOut=setTimeout("fadeOut()",1); 
　} 
　else { 
　dypopLayer.filters.Alpha.opacity=popOpacity; 
　tFadeWaiting=setTimeout("fadeIn()",tPopShow); 
　} 
　} 
　function fadeIn(){ 
　if(dypopLayer.filters.Alpha.opacity>0) { 
　dypopLayer.filters.Alpha.opacity-=1; 
　tFadeIn=setTimeout("fadeIn()",1); 
　} 
　} 
　document.onmouseover=showPopupText; 
　</script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//插入文字
　
　//判断键值
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//禁止FSO
　
　
　1.注销组件
　regsvr32 /u scrrun.dll
　2.修改PROGID
　HKEY_CLASSES_ROOT\Scripting.FileSystemObject
　Scripting.FileSystemObject
　3.对于使用object的用户，修改HKEY_CLASSES_ROOT\Scripting.
　
　//省略号
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//检测media play版本
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　
　
　
　//图象按比例
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　
　
　//细线SELECT
　
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　//Import
　
　//js枚举
　
　//条件编译
　
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　
　//取得innerText
　
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　检查链接是否有效
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　判断是否输入值再激活按钮
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
　

<html> 
　<head> 
　 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
　 <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript> 
　 <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title> 
　</head> 
　<body> 
　<script language="Javascript"><!-- 
　 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 
　 //Author: meizz(梅花雨) 2002-6-18 
　function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 
　function window.onhelp(){return false} //屏蔽F1帮助 
　function document.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"); 
　     return false; 
　 } 
　} 
　</script> 
　屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 
　</body> 
　</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　自定义热键（请按a）
　 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
　

posted on 2006-09-15 15:51 蚂蚁阅读(118) 评论(0) 收藏举报

刷新页面返回顶部