javascript小技巧,超强推荐

原创 2007年09月13日 16:03: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对":"、"/"、";"和"?"也编码
表格行指示
<tronmouseover="this.bgColor='#f0f0f0'"onmouseout="this.bgColor='#ffffff'">  

推荐5本经典的Javascript书籍

推荐5本经典的Javascript书籍
  • ForeverCjl
  • ForeverCjl
  • 2013年11月14日 08:32
  • 3204

javascript书籍推荐

WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解 Jav...
  • u011665148
  • u011665148
  • 2016年11月09日 10:58
  • 872

javascript新手入门必读书籍推荐

在当下,极多的程序员是通过自学来完成入门以及提升的。对于javascript的学习来说,同样不例外。许多新手入门javascript选择通过视频教程或者论坛交流的方式进行学习,这种方式固然较为轻松和便...
  • yangnihaozan
  • yangnihaozan
  • 2015年09月08日 17:49
  • 16088

超强OCR文字识别软件首选ABBYY FineReader

提到纸质文档—转换—文本格式—可编辑这些字眼,相信大家的第一反映都是OCR文字识别软件,如何排除错误或利用辅助信息提高识别正确率,是OCR最重要的课题,衡量一个OCR系统性能好坏的主要指标无非是精确度...
  • ABBYY2015
  • ABBYY2015
  • 2017年04月25日 09:49
  • 555

2017 年学习 JavaScript 最好的书籍

问题:我怎么才能收到你们公众号平台的推送文章呢? 答案:只需要点击标题下面的蓝色字【web前端开发】关注即可。 如果你不能成为一个好的 ReactJS,React Native,或者 Gr...
  • snsHL9db69ccu1aIKl9r
  • snsHL9db69ccu1aIKl9r
  • 2017年12月04日 00:00
  • 275

超强PCB布线设计经验谈附原理图

在当今激烈竞争的电池供电 市场中,由于成本指标限制,设计人员常常使用双面板。尽管多层板(4层、6层及8层)方案在尺寸、噪声和性能方面具有明显优势,成本压力却促使工程师们重新考虑其布线策略,采用双面板。...
  • Tele_Anti_Nomy
  • Tele_Anti_Nomy
  • 2016年07月28日 20:59
  • 1333

10本经典JavaScript书籍分层次推荐+打包下载

最近在做一些js的工作,通过各种大神的推进,整理出了10本比较经典的js书籍。(下载地址在最后)js作为一门脚本语言,在web开发中扮演着不可或缺的角色。Html5的推出,让其更是火上加火了。那怎么学...
  • dyllove98
  • dyllove98
  • 2015年01月15日 13:37
  • 3910

关于翻译ArcGIS API for JavaScript开发书籍的经历

一、机缘来临           获得翻译的机会得追溯到2014年11月份,当时是在CSDN站内消息中看到了胡俊英编辑发来的邀请,然后我们就通过网络的方式联系上,后来得知待翻译的是一本关于利用Java...
  • taomanman
  • taomanman
  • 2015年09月25日 11:58
  • 3618

JavaScript语言精粹之函数篇(三)

1.回调 函数让不连续的事件处理变得容易起来 下面我们来看一个同步的传统的例子var request = prepare_request(); // 请求预处理 var response =...
  • super_yang_android
  • super_yang_android
  • 2016年04月10日 15:03
  • 522

推荐超强抓包工具HttpWatch

要做网页操作,get和post提交数据是必须要学会的一件事。想要获取get或者post的数据就必须要学会抓包。 下面我就对常见的抓包工具简单的介绍一遍:   界面和HTTP Analyzer有点像,但...
  • sinat_34719507
  • sinat_34719507
  • 2017年03月30日 01:38
  • 601
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript小技巧,超强推荐
举报原因:
原因补充:

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