`

JavaScript 小技巧1

阅读更多


事件源对象
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” 


自动刷新
<meta HTTP-EQUIV=”refresh” CONTENT=”8;URL=http://http://flytosea.iteye.com/”> 


简单邮件
<a  href=”mailto:aaa@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 oncontextmenu=“return false” ondragstart=“return false” onselectstart =“return false” onselect=“document.selection.empty()” oncopy=“document.selection.empty()” onbeforecopy=“return false”onmouseup=“document.selection.empty()> 


禁止粘贴
<input type=text onpaste=”return false”> 


地址栏图标
<link rel=”Shortcut Icon” href=”favicon.ico”>
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 


收藏栏图标
<link rel=”Bookmark” href=”favicon.ico”> 


查看源码
<input type=button value=查看网页源代码 onclick=”window.location = ‘view-source:’+ ‘http://www.csdn.net/’” target=”_blank”>http://www.csdn.net/’”> 


关闭输入法
<input style=”ime-mode:disabled”> 


自动全选
<input type=text name=text1 value=”123″ onfocus=”this.select()”> 


ENTER键可以让光标移到下一个输入框
<input onkeydown=”if(event.keyCode==13)event.keyCode=9″> 


文本框的默认值
<input type=text value=”123″ onfocus=”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)”><br> 


获取选中内容

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


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


窗口最大化
<body onload=”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对”:”、”/”、”;” 和 “?”也编码 
分享到:
评论

相关推荐

    JavaScript大综合 常用语句 事件 以及小技巧 和其他信息

    三、JavaScript小技巧 1. **立即执行函数**(IIFE):避免污染全局作用域。 2. **闭包**:用于保护内部变量,实现私有变量。 3. **防抖和节流**:优化频繁触发的事件处理函数,提高性能。 4. **柯里化**:预设部分...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    JavaScript小技巧全集

    "JavaScript小技巧全集1.doc"和"JavaScript小技巧全集2.doc"可能包含更深入的案例和示例,而"使用须知.txt"可能提供了阅读和使用这些文档的注意事项。通过学习和实践这些技巧,你可以不断提升你的JavaScript技能水平...

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    基于javaScript开发的控制台操作小技巧+非常适合小白入门

    基于javaScript开发的控制台操作小技巧+非常适合小白入门 基于javaScript开发的控制台操作小技巧+非常适合小白入门 基于javaScript开发的控制台操作小技巧+非常适合小白入门 基于javaScript开发的控制台操作小...

    1000个javascript小技巧

    这本名为"1000个JavaScript小技巧"的资源集锦涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,解决实际问题。以下是一些关键的知识点,将从这1000个小技巧中提炼出来: 1. **变量声明与作用域**:了解`var`、`...

    Javascript小技巧之生成html元素.docx

    1. **JavaScript小技巧整理篇(特别全)**:这篇文章汇总了许多JavaScript编程中的实用技巧,包括但不限于变量处理、函数运用、事件处理等方面。 2. **javascript同步服务器时间和同步倒计时小技巧**:讲解如何用...

    Javascript 实用小技巧

    在本篇标题为“Javascript实用小技巧”的文章中,作者分享了一系列实用的JavaScript代码片段,旨在帮助学习JavaScript的人士掌握一些提高编程效率的技巧。文章内容涉及了JavaScript的Function对象的apply和call方法...

    Javascript小技巧一箩筐

    ### JavaScript小技巧精粹 在Web开发领域,JavaScript作为一门不可或缺的编程语言,其灵活性与功能强大性使得它成为前端开发中的核心技能。本文将基于“JavaScript小技巧一箩筐”这一主题,深入探讨一系列实用的...

    javascript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,编写出更优雅、性能更好的代码。无论您是在Windows、MacOS还是Linux等任何操作系统上工作,这些技巧都是通用的。 一、函数与闭包 1....

    JavaScript小技巧整理篇(非常全).pdf

    ### JavaScript小技巧整理篇知识点详述 #### 一、引言 本文档旨在总结一系列JavaScript编程中的实用技巧,涵盖从基本操作到高级功能的应用。这些技巧不仅有助于提升开发效率,还能帮助开发者更好地理解和掌握...

    40种javascript小技巧

    ### JavaScript小技巧详解 #### 技巧1:屏蔽鼠标右键 通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`属性,可以禁止用户在该元素上使用鼠标右键。例如: ```html ;"&gt; 无法右击此表格 ```...

    javascript小技巧归纳

    根据提供的文件信息,我们...以上列举的各项JavaScript小技巧涵盖了从基本的用户交互到更高级的功能实现,对于提高网站的用户体验及安全性都有着重要作用。开发者可以根据实际需求灵活运用这些技巧来优化自己的项目。

    javascript小技巧合集

    标题:javascript小技巧合集 描述:本文将详细介绍一系列实用的JavaScript技巧,这些技巧涵盖了从基本的用户交互到更复杂的页面控制,旨在帮助开发者优化用户体验,增强网站安全性,并提升开发效率。 ### 重要技巧...

    常用的一些javascript小技巧

    ### 常用的一些JavaScript小技巧详解 在前端开发领域,JavaScript是不可或缺的编程语言,其灵活多变的特性使得开发者能够实现丰富的交互效果。本文将深入探讨一系列实用的JavaScript小技巧,帮助开发者提高编码效率...

    Javascript事件教程小技巧

    Javascript小技巧,觉得用来查询JS的事件挺方便,主要是事件源对象event.srcElement.tagName ,event.srcElement.type,捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event...

    javascript小技巧

    这个"javascript小技巧"的压缩包显然包含了诸多实用的JavaScript技术与窍门,旨在帮助初学者快速上手,同时也为有经验的开发者提供进一步提升技能的资源。以下是基于标题、描述和文件名推测出的一些JavaScript知识点...

Global site tag (gtag.js) - Google Analytics