JavaScript 小技巧1

[/code][code="java"]

事件源对象
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://http://flytosea.iteye.com/”> 


简单邮件
<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 


双字节字符
[list]
[*]/[^\x00-\xff]/
[/list]

汉字
/[\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/’” target=”_blank”>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对”:”、”/”、”;” 和 “?”也编码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值