`

javascript小技巧(一)

JavaScriptCSSIEASP活动 
阅读更多 
事件源对象 
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://c98.yeah.net"> 
简单邮件 
<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/'"> 
关闭输入法 
<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&#13sdfs&#32" 
获得时间所代表的微秒 
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对":"、"/"、";" 和 "?"也编码 
表格行指示 
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
分享到：
| 如何实现分页打印
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Javascript小技巧一箩筐

    本文将基于“JavaScript小技巧一箩筐”这一主题，深入探讨一系列实用的JavaScript技巧，涵盖事件处理、DOM操作、表单控制、定时器使用等多个方面，旨在帮助开发者提升代码效率与网站性能。 #### 事件处理与键盘操作...

    Javascript小技巧一箩筐，辅助你快速开发

    Javascript小技巧一箩筐，辅助你快速开发。

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

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

    JavaScript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种提升开发效率和代码质量的技巧，旨在帮助开发者更好地理解和运用这门语言。 1. 变量声明与作用域： - 使用`let`和`const`代替`var`来避免变量提升和作用域污染。 - 了解块级...

    Javascript 实用小技巧

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

    javaScript小技巧。

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

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

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

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

    7. **JavaScript编程的10个有用小技巧**和**12个特别有用的JavaScript小技巧【推举】**：这两篇文章分别分享了10个和12个实用的JavaScript编程技巧，是进阶学习的好资源。 总的来说，掌握生成HTML元素的技巧对...

    1000个javascript小技巧

    以上只是JavaScript知识体系中的一小部分，"1000个JavaScript小技巧"将包含更多实用技巧，涉及DOM操作、AJAX请求、动画制作、函数式编程等多个方面，通过学习这些技巧，开发者可以不断提升JavaScript技能，应对各种...

    javascript小技巧-js小技巧收集.doc

    这些JavaScript小技巧涵盖了基础语法、数据操作、DOM操作、用户交互等多个方面，对于理解和编写JavaScript代码非常有帮助。学习和熟练运用这些技巧，可以提高开发效率，编写出更高效、更健壮的JavaScript代码。

    javascript小技巧全集

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

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

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

    javascript小技巧合集

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

    40种javascript小技巧

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

    常用的一些javascript小技巧

    本文将深入探讨一系列实用的JavaScript小技巧，帮助开发者提高编码效率，优化用户体验。 #### 事件处理与键盘事件 - **事件目标元素**: `event.srcElement` 或 `event.target`（推荐）可以获取触发事件的目标元素，...

    javascript小技巧归纳

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

    JavaScript小技巧全集.doc

    本文将探讨几个实用的JavaScript小技巧，包括鼠标控制、显示日期和时间，以及利用历史记录和前进功能。 首先，让我们来看如何用鼠标控制Web页面。在JavaScript中，`onMouseOver`事件是一个非常有用的特性，允许我们...

    javascript小技巧

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

Magicbox
Global site tag (gtag.js) - Google Analytics