JavaScript常用代码

现在的位置: 首页 > 综合 > 正文

JavaScript常用代码

2013年09月13日 ⁄ 综合 ⁄ 共 8699字 ⁄ 字号小中大 ⁄ 评论关闭

JavaScript
入门系列

因为这两篇太安逸了
,
东西很多
,
很实用
,
所以转到我格子里
!

总的来说
,
如果你要找
js

的东西
,
而不看这两篇的话
,
肯定要多花好多时间
!!
哈哈
!!

如果你找的
javascript
的东西的话
,
建议你

ctrl+F

直接在这个页上找
,
因为这里
80%
有你要找的
,
但是要让你挨着看的话
,
你就准备看完就去配眼镜
!!

事件源对象

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"

自动刷新

简单邮件

快速转到位置

obj.scrollIntoView(true)

锚

<a href="#first">anchors</a>

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^/x00-/xff]/

汉字

/[/u4e00-/u9fa5]/

让英文字符串超出表格宽度自动换行

word-wrap: break-word; word-break: break-all;

透明背景

获得
style
内容

obj.style.cssText

HTML
标签

document.documentElement.innerHTML

第一个
style
标签

document.styleSheets[0]

style
标签里的第一个样式

document.styleSheets[0].rules[0]

防止点击空链接时，页面往往重置到页首端。

上一网页源

asp:

request.servervariables("HTTP_REFERER")

javascript:

document.referrer

释放内存

CollectGarbage();

禁止右键

document.oncontextmenu = function() { return false;}

禁止保存

禁止选取
<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()>

禁止粘贴

地址栏图标

favicon.ico
名字最好不变
16*16
的
16
色
,
放虚拟目录根目录下

收藏栏图标

查看源码

关闭输入法

自动全选

ENTER
键可以让光标移到下一个输入框

文本框的默认值

title
换行

obj.title = "123 sdfs "

获得时间所代表的微秒

var n1 = new Date("2004-10-10".replace(/-/g,
"//")).getTime()

窗口是否关闭

win.closed

checkbox
扁平

获取选中内容

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

自动完成功能

<input

type=text
autocomplete=on>
打开该功能

<input

type=text
autocomplete=off>
关闭该功能

窗口最大化

无关闭按钮
IE

window.open("aa.htm", "meizz",
"fullscreen=7");

统一编码
/
解码

alert(decodeURIComponent(encodeURIComponent("http://
你好
.com?as=
hehe")))

encodeURIComponent
对
":"
、
"/"
、
";"

和
"?"
也编码

表格行指示

//
各种尺寸

s
+=
"/r/n
网页可见区域宽：
"+
document.body.clientWidth;

s
+=
"/r/n
网页可见区域高：
"+
document.body.clientHeight;

s
+=
"/r/n
网页可见区域高：
"+
document.body.offsetWeight
+"

(
包括边线的宽
)";

s
+=
"/r/n
网页可见区域高：
"+
document.body.offsetHeight
+"

(
包括边线的宽
)";

s
+=
"/r/n
网页正文全文宽：
"+
document.body.scrollWidth;

s
+=
"/r/n
网页正文全文高：
"+
document.body.scrollHeight;

s
+=
"/r/n
网页被卷去的高：
"+
document.body.scrollTop;

s
+=
"/r/n
网页被卷去的左：
"+
document.body.scrollLeft;

s
+=
"/r/n
网页正文部分上：
"+
window.screenTop;

s
+=
"/r/n
网页正文部分左：
"+
window.screenLeft;

s
+=
"/r/n
屏幕分辨率的高：
"+
window.screen.height;

s
+=
"/r/n
屏幕分辨率的宽：
"+
window.screen.width;

s
+=
"/r/n
屏幕可用工作区高度：
"+
window.screen.availHeight;

s
+=
"/r/n
屏幕可用工作区宽度：
"+
window.screen.availWidth;

//
过滤数字

<input type=text onkeypress="return
event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)"
onpaste="return !clipboardData.getData('text').match(//D/)"
ondragenter="return false">

//
特殊用途

//
不缓存

//
正则匹配

匹配中文字符的正则表达式：

[/u4e00-/u9fa5]

匹配双字节字符
(
包括汉字在内
)
：
[^/x00-/xff]

匹配空行的正则表达式：
/n[/s|
]*/r

匹配
HTML
标记的正则表达式：
/<(.*)>.*<///1>|<(.*)
//>/

匹配首尾空格的正则表达式：
(^/s*)|(/s*$)
（像
vbscript
那样的
trim
函数）

匹配
Email
地址的正则表达式：
/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*

匹配网址
URL
的正则表达式：
http://([/w-]+/.)+[/w-]+(/[/w-
./?%&=]*)?

以下是例子：

利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：
onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"

1.
用正则表达式限制只能输入全角字符：

onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"

2.
用正则表达式限制只能输入数字：
onkeyup="value=value.replace(/[^/d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

3.
用正则表达式限制只能输入数字和英文：
onkeyup="value=value.replace(/[/W]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

//
消除图像工具栏

<head>

</head>

//
无提示关闭

function Close()

{

var
ua=navigator.userAgent

var
ie=navigator.appName=="Microsoft Internet Explorer"?true:false

if(ie)

{

var
IEversion=parseFloat(ua.substring(ua.indexOf("MSIE
")+5,ua.indexOf(";",ua.indexOf("MSIE "))))

if(IEversion< 5.5)

{

var
str
= '<object id=noTipClose
classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'

str +=
'<param name="Command"
value="Close"></object>';

document.body.insertAdjacentHTML("beforeEnd", str);

document.all.noTipClose.Click();

}

else

{

window.opener =null;

window.close();

}

else

{

window.close()

}

//
取得控件得绝对位置
(1)

function getoffset(e)

{

var
t=e.offsetTop;

var
l=e.offsetLeft;

while(e=e.offsetParent)

{

t+=e.offsetTop;

l+=e.offsetLeft;

}

var rec = new
Array(1);

rec[0]
= t;

rec[1] = l;

return rec

}

</script>

//
获得控件的绝对位置
(2)

oRect = obj.getBoundingClientRect();

oRect.left

oRect.

//
最小化
,
最大化
,
关闭

<input type=button value=
最小化

【上篇】mysql命令行命令和SQL语句,MySQL修改删除增加字段类型，字段数据等。。
【下篇】SQL SERVER 2008 评估期已过解决方法

作者: silencer

该日志由 silencer 于11年前发表在综合分类下，最后更新于 2013年09月13日.
转载请注明: JavaScript常用代码 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

（其他合作也可洽谈）

必威体育

必威电竞

学步园