[Web]超实用的javascript小技巧

转载 2007年09月25日 17:33:00

事件源对象
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"
自动刷新
<metaHTTP-EQUIV="refresh"CONTENT="8;URL=http://c98.yeah.net">
简单邮件
<ahref="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
快速转到位置
obj.scrollIntoView(true)

<aname="first">
<ahref="#first">anchors</a>
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^/x00-/xff]/
汉字
/[/u4e00-/u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap:break-word;word-break:break-all;
透明背景
<IFRAMEsrc="1.htm"width=300height=180allowtransparency></iframe>
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。
<ahref="javascript:function()">word</a>
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu=function(){returnfalse;}
禁止保存
<noscript><iframesrc="*.htm"></iframe></noscript>
禁止选取<bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"onmouseup="document.selection.empty()>
禁止粘贴
<inputtype=textonpaste="returnfalse">
地址栏图标
<linkrel="ShortcutIcon"href="favicon.ico">
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
<linkrel="Bookmark"href="favicon.ico">
查看源码
<inputtype=buttonvalue=查看网页源代码onclick="window.location='view-source:'+'http://www.csdn.net/'">
关闭输入法
<inputstyle="ime-mode:disabled">
自动全选
<inputtype=textname=text1value="123"onfocus="this.select()">
ENTER键可以让光标移到下一个输入框
<inputonkeydown="if(event.keyCode==13)event.keyCode=9">
文本框的默认值
<inputtype=textvalue="123"onfocus="alert(this.defaultValue)">
title换行
obj.title="123 sdfs "
获得时间所代表的微秒
varn1=newDate("2004-10-10".replace(/-/g,"//")).getTime()
窗口是否关闭
win.closed
checkbox扁平
<inputtype=checkboxstyle="position:absolute;clip:rect(5px15px15px5px)"><br>
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
<inputtype=textautocomplete=on>打开该功能
<inputtype=textautocomplete=off>关闭该功能
窗口最大化
<bodyonload="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(Nodejs)中的一些实用小技巧

1.  不能浏览器下的阻止跳转,阻止继续执行 return false; //chrome 浏览器可以,但是Firefox不行,会在页面上打印false e=window.eve...

12个非常实用的JavaScript小技巧

原文转自:http://www.codeceo.com/article/12-useful-javascript-tips.html 在这篇文章中将给大家分享12个有关于JavaScript的小技巧...

必备的JavaScript函数和实用的小技巧

我记得数年前,只要我们编写JavaScript,都必须用到几个常用的函数,比如,addEventListener 和 attachEvent,并不是为了很超前的技术和功能,只是一些基本的任务,原因是各...
  • zxc123e
  • zxc123e
  • 2013年11月14日 14:02
  • 596

上网超实用小技巧六招

  • 2013年05月22日 01:12
  • 11KB
  • 下载

android 编程小技巧(1)---超实用的LogUtil

LogUtil,这个单词,相信很多做android开发的同学并不陌生。毕竟,系统的Log相对来说功能过于简单,而且管理起来也很是麻烦,所以,一般我们都会自己封装一个Utli用来管理Log。 那么今天...

11 个超实用的网站页脚设计小技巧—兄弟连IT教育

11 个超实用的网站页脚设计小技巧—兄弟连IT教育 评价一个网站好坏有众多因素,视觉设计、品牌一致性、网站易用性等,都会影响到访客的情绪,而今天我们要介绍的这个,是不起眼的网站页脚,然而正是这个很多...

41个Web开发者必须收藏的JavaScript实用技巧

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” no 可用于 Table 2. 取消选取、防止复制 3.JS...

Web开发JavaScript实用技巧

Web开发JavaScript实用技巧 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false”< table border oncontext...
  • akemt
  • akemt
  • 2016年07月22日 15:17
  • 192

超实用的JavaScript技巧及最佳实践

很多开发者都觉得里面所提到的技巧非常实用,基于此,我们再向大家推荐超实用的JavaScript技巧及最佳实践(下),希望对大家有所帮助。 文中所提供的代码片段都已经过最新版的Chrome 3...

超实用的javascript技巧及实践(上)

As you know, JavaScript is the number one programming language in the world, the language of the web...
  • x1y31
  • x1y31
  • 2014年01月10日 19:24
  • 731
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Web]超实用的javascript小技巧
举报原因:
原因补充:

(最多只允许输入30个字)