javascript 高级技巧_H5之家 - 中国HTML5教程资源分享第一站

javascript 高级技巧 1
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
根据宽度换行
自动刷新 <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
简单邮件 <a href="">
快速转到位置 obj.scrollIntoView(true)
锚 <a>
<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 href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
<link href="favicon.ico">
查看源码
<input type=button value=查看网页源代码>
关闭输入法
<input>
自动全选
<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><br>
获取选中内容 document.selection.createRange().duplicate().text
自动完成功能 <input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能
窗口最大化
<body>
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码
表格行指示 <tr>

//各种尺寸

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

//特殊用途

//不缓存

//正则匹配

//无提示关闭