您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

Javascript使用小技巧汇总

2024/2/18 22:52:53发布48次查看
事件源对象 
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> 
禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"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 sdfs  
获得时间所代表的微秒 
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'"> 
以上就是javascript使用小技巧汇总的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product