`
yanricheng
  • 浏览: 37130 次
  • 性别: Icon_minigender_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
根据宽度换行
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对":"、"/"、";"和"?"也编码
表格行指示
<tronmouseover="this.bgColor='#f0f0f0'"onmouseout="this.bgColor='#ffffff'">
分享到:
评论

相关推荐

    javascript小技巧&nbsp;&nbsp;超强推荐第3 5页.docx

    根据提供的文档信息,...10. **41个Web开发者必须收藏的JavaScript实用技巧:** 涵盖了从基础语法到高级应用的各种技巧,非常值得学习和参考。 以上就是从给定文档中提取的主要JavaScript知识点,希望对你有所帮助。

    javascript小技巧&nbsp;&nbsp;超强推荐第1 5页.docx

    以上就是从文档中整理出来的一系列JavaScript小技巧,这些技巧覆盖了事件处理、DOM操作、表单交互等多个方面,对于前端开发者来说非常实用。希望这些知识点能够帮助你在实际项目开发中提高效率。

    javascript小技巧 超强推荐第1/5页

    事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event....

    超强网页版泡泡堂游戏带音效

    "超强网页版泡泡堂游戏带音效,是用Javascript开发,好不容易才找到的东西" 描述中提到游戏的开发语言再次确认了是JavaScript,同时强调了游戏包含音效,这通常意味着游戏不仅仅有视觉体验,还有听觉上的享受,增强...

    超强jquery表单验证

    学习这些资源可以帮助你更好地理解和实践jQuery表单验证的技巧。 总结来说,"超强jquery表单验证"是一个关于如何利用jQuery实现高效、友好的前端表单验证技术的主题。通过熟练掌握这些技术,开发者可以创建出更加...

    超强的制作PPT的impress.js

    不过,根据提供的博客链接(),我们可以推测这篇博文可能详细介绍了如何使用impress.js来创建PPT,包括安装步骤、基本用法、进阶技巧和可能遇到的问题等。 **标签解析:** 1. **源码** - impress.js 是一个开源...

    电脑超级技巧3000招

    10. **编程基础**:对于有兴趣深入学习的用户,了解一些基础编程概念,如变量、条件语句和循环,以及如何使用Python或JavaScript等语言解决实际问题。 11. **系统备份与恢复**:学习如何定期备份重要数据,以防意外...

    实现图片局部放大显示效果的超强jQuery插件cloud-zoom

    在本文中,我们将深入探讨如何使用Cloud-Zoom jQuery插件来实现图片的局部放大效果,类似于Mac OS X Lion中的lanchPad特效...理解和掌握这个插件的工作原理和使用技巧,对于提升网站用户体验和设计水平有着积极的作用。

    基于SSH2+Maven+EasyUI+MySQL技术实战开发易买网电子商务交易平台

    Maven是基于项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具。Maven 除了以程序构建能力为特色之外,还提供 Ant 所缺少的高级项目管理工具。由于 Maven 的缺省构建规则...

Global site tag (gtag.js) - Google Analytics