实用的JS代码大全(一)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
插件数目
navigator.plugins
取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
自动刷新
<meta HTTP-EQUIV="refresh" C>
简单邮件
<a href="[email=aaa@?subject=ccc&body=xxxyyy]mailto:aaa@?subject=ccc&body=xxxyyy[/email]">
快速转到位置
obj.scrollIntoView(true)
锚
<a name="first">
<a href="#first">anchors</a>
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
禁止选取<body Shortcut Icon" href="favicon.ico">
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
回车转换Tab键：
if(window.event.keyCode==13){event.keyCode=9}
返回上一页：
history.go(-1)
重新加载页面：
window.location.reload()
子页面中调父页面中的方法：
window.opener.function()
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
<link rel="Bookmark" href="favicon.ico">
查看源码
<input type=button value=查看网页源代码 >
关闭输入法
<input style="ime-mode:disabled">
r.select();
}
<input type="text" value="end" >
屏蔽功能键(Shift, Alt, Ctrl)
function testKey() {
if (event.shiftKey) { // altKey; ctrlKey
alert("Shift");
}
光标停在文本框文字的最后：
function toEnd() {
var e = event.srcElement;
var r = e.createTextRange();
r.moveStart("character", e.value.length);
r.collapse(true);
var l = e.offsetLeft;
while (e = e.offsetParent) {
t += e.offsetTop;
l += e.offsetLeft;
}
alert("top=" + t + " and left=" + l);
获得时间所代表的微秒
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>
防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
}
}
不要滚动条：
<body scroll="no">
让竖条没有：
<body style="overflow:scroll; overflow-y: hidden">
让横条没有：
<body style="overflow:scroll; overflow-x: hidden">
obj.parentNode(dom)
交换表的行
TableID.moveRow(2,1)
替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
encodeURIComponent对":"、"/"、";" 和 "?"也编码
高级应用(一)
页面跳转：
window.location.href('地址')
window.open('地址', '_self')
打开新窗口：
window.open('地址', '_blank')
屏蔽鼠标：
oncontextmenu="window.event.returnValue=false"
取消选取：
onselectstart="return false"
不允许粘贴：
onpaste="return false"
关闭输入法：
<input style="ime-mode:disabled">
去掉图片链接点击后图片周围的虚线：
<a href="#" ><img src="test.jpg"></a>
window.close();
返回
history.back();
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
子页面中访问父页面中名为name的控件值：
.value
子页面中访问父页面中表单中名为name的控件值：
window.opener.formName.nam.value
得到控件的绝对位置：
function getIE() {
var t = e.offsetTop;
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能
关闭窗口
自动全选
<input type=text name=text1 value="123" >
ENTER键可以让光标移到下一个输入框
<input >
文本框的默认值
<input type=text value="123" >
title换行
obj.title = "123 sdfs "
创建元素
document.createElement("SPAN");
根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
事件源对象
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);
不允许另存为：
<noscript><iframe src=*.html></iframe></noscript>
得到上一页来源：
document.referrer
弹出窗口总在最上：
<body >
弹出确认对话框：
comfirm('文本')"
<script>if(confirm('文本')){//确定}else{//取消}
只显示菜单栏：window.open('地址', 'title', 'menubar=1')
一个不少：window.open('地址', 'title)
光棍但可以调整大小：window.open('地址', 'title', 'resizable=1')
去掉所有空格：
Object.replace(/^\s+|\s+$/g, "")
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码
escape() ,unescape
父对象
obj.parentElement(dhtml)
只显示地址栏：window.open('地址', 'title', 'location=1, height=200, width=500')
只显示状态栏：window.open('地址', 'title', 'status=1')
只显示工具栏：window.open('地址', 'title', 'toolbar=1')
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
navigator.plugins
取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
自动刷新
<meta HTTP-EQUIV="refresh" C>
简单邮件
<a href="[email=aaa@?subject=ccc&body=xxxyyy]mailto:aaa@?subject=ccc&body=xxxyyy[/email]">
快速转到位置
obj.scrollIntoView(true)
锚
<a name="first">
<a href="#first">anchors</a>
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
禁止选取<body Shortcut Icon" href="favicon.ico">
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
回车转换Tab键：
if(window.event.keyCode==13){event.keyCode=9}
返回上一页：
history.go(-1)
重新加载页面：
window.location.reload()
子页面中调父页面中的方法：
window.opener.function()
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
<link rel="Bookmark" href="favicon.ico">
查看源码
<input type=button value=查看网页源代码 >
关闭输入法
<input style="ime-mode:disabled">
r.select();
}
<input type="text" value="end" >
屏蔽功能键(Shift, Alt, Ctrl)
function testKey() {
if (event.shiftKey) { // altKey; ctrlKey
alert("Shift");
}
光标停在文本框文字的最后：
function toEnd() {
var e = event.srcElement;
var r = e.createTextRange();
r.moveStart("character", e.value.length);
r.collapse(true);
var l = e.offsetLeft;
while (e = e.offsetParent) {
t += e.offsetTop;
l += e.offsetLeft;
}
alert("top=" + t + " and left=" + l);
获得时间所代表的微秒
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>
防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
}
}
不要滚动条：
<body scroll="no">
让竖条没有：
<body style="overflow:scroll; overflow-y: hidden">
让横条没有：
<body style="overflow:scroll; overflow-x: hidden">
obj.parentNode(dom)
交换表的行
TableID.moveRow(2,1)
替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
encodeURIComponent对":"、"/"、";" 和 "?"也编码
高级应用(一)
页面跳转：
window.location.href('地址')
window.open('地址', '_self')
打开新窗口：
window.open('地址', '_blank')
屏蔽鼠标：
oncontextmenu="window.event.returnValue=false"
取消选取：
onselectstart="return false"
不允许粘贴：
onpaste="return false"
关闭输入法：
<input style="ime-mode:disabled">
去掉图片链接点击后图片周围的虚线：
<a href="#" ><img src="test.jpg"></a>
window.close();
返回
history.back();
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
子页面中访问父页面中名为name的控件值：
.value
子页面中访问父页面中表单中名为name的控件值：
window.opener.formName.nam.value
得到控件的绝对位置：
function getIE() {
var t = e.offsetTop;
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能
关闭窗口
自动全选
<input type=text name=text1 value="123" >
ENTER键可以让光标移到下一个输入框
<input >
文本框的默认值
<input type=text value="123" >
title换行
obj.title = "123 sdfs "
创建元素
document.createElement("SPAN");
根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
事件源对象
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);
不允许另存为：
<noscript><iframe src=*.html></iframe></noscript>
得到上一页来源：
document.referrer
弹出窗口总在最上：
<body >
弹出确认对话框：
comfirm('文本')"
<script>if(confirm('文本')){//确定}else{//取消}
只显示菜单栏：window.open('地址', 'title', 'menubar=1')
一个不少：window.open('地址', 'title)
光棍但可以调整大小：window.open('地址', 'title', 'resizable=1')
去掉所有空格：
Object.replace(/^\s+|\s+$/g, "")
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码
escape() ,unescape
父对象
obj.parentElement(dhtml)
只显示地址栏：window.open('地址', 'title', 'location=1, height=200, width=500')
只显示状态栏：window.open('地址', 'title', 'status=1')
只显示工具栏：window.open('地址', 'title', 'toolbar=1')
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]