常用的一些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.οnmοusedοwn=scrollwindow;



元素


document.窗体.elements[索引]




对象绑定事件


插件数目


navigator.plugins



取变量类型


typeof($js_libpath) == "undefined"



下拉框


下拉框.options[索引]
下拉框.options.length



查找对象


document.getElementsByName("r1");
document.getElementById(id);




定时


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="mailtaaa@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 οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>



禁止粘贴


<input type=text οnpaste="return false">



地址栏图标


<link rel="Shortcut Icon" href="favicon.ico">

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标

<link rel="Bookmark" href="favicon.ico">




查看源码


关闭输入法


<input style="ime-mode:disabled">



自动全选


<input type=text name=text1 value="123" οnfοcus="this.select()">



ENTER键可以让光标移到下一个输入框


<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">



文本框的默认值


<input type=text value="123" οnfοcus="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)">



获取选中内容


document.selection.createRange().duplicate().text



自动完成功能


<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能



窗口最大化


<body οnlοad="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对":"、"/"、";" 和 "?"也编码




表格行指示


//各种尺寸


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;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值