[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'">

 

我们为什么要看《超实用的HTML代码段》

不知道自己HTML水平如何,不知道HTML5如何进化?看这张图
  • kgsew
  • kgsew
  • 2016年02月18日 16:41
  • 1102

101个鲜为人知的超实用网站

01. screenr.com —— 将你在电脑上的操作录制成影片并直接传送到YouTube上。 02. bounceapp.com —— 能够将一个网页进行完整的截图。 03. goo....
  • limaoxin8023
  • limaoxin8023
  • 2013年04月02日 11:30
  • 3206

45个实用的JavaScript技巧、窍门和最佳实践

http://blog.csdn.net/kakaxi_77/article/details/40265107 http://blog.jobbole.com/54495/ 需要注...
  • qq_36026721
  • qq_36026721
  • 2017年01月03日 22:53
  • 183

JQuery--50个必备的实用jQuery代码段.

原文出处:http://my.oschina.net/chengjiansunboy/blog/55496?p=2#comments 1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB...
  • Evan_Leung
  • Evan_Leung
  • 2016年06月10日 18:17
  • 510

超实用总结:AI实践者需要用到的10个深度学习方法

在过去十年里,大众对机器学习的兴趣与日俱增。几乎每天都可以在计算机科学程序、行业会议和华尔街日报上看到机器学习的身影。在所有关于机器学习的讨论中,很多都将“机器学习的作用”和“人类希望机器学习能够做什...
  • qq_41063944
  • qq_41063944
  • 2017年12月07日 14:38
  • 68

传说中超实用的JavaScript技巧

1.使用===替换== Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。 请尽量不要使用前一组,永远只使...
  • jiahong_xie
  • jiahong_xie
  • 2014年09月21日 23:41
  • 132

超实用的JavaScript技巧及实践经验

众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序 (如PhoneGap或Appcelerator),它还有一些服务端实...
  • wuweitiandian
  • wuweitiandian
  • 2014年11月10日 10:05
  • 322

传说中超实用的JavaScript技巧

1.使用===替换== Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。 请尽量不要使用前一组,永远只使用===...
  • yooungt13
  • yooungt13
  • 2014年01月07日 19:17
  • 494

超实用的JavaScript代码大全

啥话都不多说了,直接开始学习超级强悍的JS代码示例: ·        事件源对象 event.srcElement.tagName event.srcElement.type ·     ...
  • u013519551
  • u013519551
  • 2017年04月27日 10:37
  • 187

超实用的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
  • 770
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Web]超实用的javascript小技巧
举报原因:
原因补充:

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