数学建模社区-数学中国
标题:
JS代码大全
[打印本页]
作者:
madio
时间:
2019-3-23 13:35
标题:
JS代码大全
事件源对象
3 {& L' Q+ {; I* g0 v
event.srcElement.tagName
- f+ K3 B5 b. S3 L
event.srcElement.type
$ Z' X3 z6 e: O$ D
, m8 n1 i) ]: r3 z3 _9 F. x
捕获释放
! P1 A( _/ t* `& P
event.srcElement.setCapture();
. v( X1 z9 V) @5 c/ g2 y
event.srcElement.releaseCapture();
) u; e) K3 _+ E M
事件按键
[" L7 B9 r9 X0 \; r' Y
event.keyCode
1 U; E8 P: f( |2 H7 T
event.shiftKey
( B ^0 J8 d- _
event.altKey
7 g( V8 J# b8 `, v3 G
event.ctrlKey
8 p3 [0 Y, P. K% L8 I9 K
事件返回值
" m* v: W. `4 f: _
event.returnValue
' Q* a6 h% @+ n% R6 S$ [" F+ g
鼠标位置
, @. j! v( J7 N2 K5 h/ {% `' N( k3 }
event.x
, l. D9 }$ U" S2 @. l* G6 V- l
event.y
: Y! F- e1 ?0 _2 _7 A
窗体活动元素
! X, U* L) k( W
document.activeElement
2 X/ q/ |4 G+ z6 m/ _; `
绑定事件
1 F' Q; h; C3 V" R1 K: D' b: o
document.captureEvents(Event.KEYDOWN);
/ C ?( O- d: z ?# d
访问窗体元素
5 ~) ^/ [: t7 w% I* }8 w
document.all("txt").focus();
! g+ \( O8 O& Z7 r
document.all("txt").select();
, o; d: L6 {1 K9 i% J1 }: L# ^
窗体命令
- s$ V: v, J A; z$ _3 G, `7 w
document.execCommand
/ [2 }9 m: i, w0 c ~5 o; z% M
窗体COOKIE
\1 R/ T) {: I5 q! K
document.cookie
! Y6 f# B1 l. [ s
菜单事件
0 o: J- _1 t \* Y8 F0 v
document.oncontextmenu
- X6 w Z& u z! h* B/ [* M1 _
创建元素
( H9 F: D$ `9 Q3 \' }( P' Z
document.createElement("SPAN");
' O7 x& Z; x" i; l$ H t% V
根据鼠标获得元素：
; l9 E& y+ {4 @9 G
document.elementFromPoint(event.x,event.y).tagName=="TD
, V( ]; G3 J3 H6 }
document.elementFromPoint(event.x,event.y).appendChild(ms)
+ y- ]3 D* _5 e# @
窗体图片
7 T: M$ Q6 @( \; `
document.images[索引]
0 R/ G) z* ?/ }2 d
窗体事件绑定
* V/ V2 \* u" Y$ o/ K9 p
document.onmousedown=scrollwindow;
7 `4 m9 }* g; e" `' m1 O6 i
元素
/ x# G/ v, p+ B9 |5 c( n
document.窗体.elements[索引]
, o/ I5 i# q0 t* r$ w% A3 v
对象绑定事件
# Z0 U* m: H2 w' n w
document.all.xxx.detachEvent('onclick',a);
$ f, W: @% n" \: h, G+ Y
插件数目
4 w* s% j+ }6 H
navigator.plugins
9 G' y/ c1 |) ~( K# j" t/ ^
取变量类型
0 q" j# s% @/ g. p
typeof($js_libpath) == "undefined"
* m: z0 r6 ~0 J
下拉框
( d: S$ r1 o* C" T q1 s
下拉框.options[索引]
- T; J) H+ v4 b$ X# _ n
下拉框.options.length
1 S6 t7 C0 f& F* m) W1 |
查找对象
: l6 G; ]: P7 ]- r
document.getElementsByName("r1");
) M R1 @) X: U
document.getElementById(id);
2 l+ B. _; `! C; E( G4 b
定时
; `5 H: ]( C- j Q$ n1 O
timer=setInterval('scrollwindow()',delay);
3 ?2 I. L; z% t* @7 S$ S3 V) \
clearInterval(timer);
/ o/ i1 z8 l/ u/ g( T+ n* Y$ }6 O
UNCODE编码
# a, o' F( u' W# D: w" f
escape() ,unescape
# t; _ Q1 m. [; ?0 M
父对象
7 Q1 ^7 T" X( z
obj.parentElement(dhtml)
: V( r7 ]& t1 a* ~4 V0 }+ U+ ^
obj.parentNode(dom)
. \* O* ]1 k. y5 v( v! [' V, {
交换表的行
/ f8 u5 \; Y* E5 L+ K+ q* W
TableID.moveRow(2,1)
. P/ T' P0 s- D1 w/ D6 |# t
替换CSS
" V! |) I, D/ I t* L1 j
document.all.csss.href = "a.css";
' s" v9 `1 _! Z# z
并排显示
1 M+ E9 q! L( r; ?0 R" S4 e
display:inline
/ `3 P9 w3 Y1 W/ b& e3 }' I+ c- W
隐藏焦点
1 Y# Q7 j |/ w$ ~$ [4 {
hidefocus=true
: b' d: d2 F3 u7 j4 h
根据宽度换行
2 `1 W5 w* K8 |9 l6 e! }# X
style="word-break:break-all"
3 E" m! i4 v6 ]4 X' x
自动刷新
7 f2 Z1 r0 @) c+ ^
<meta HTTP-EQUIV="refresh" C>
* X/ p% n t+ m7 g
简单邮件
3 l7 }: |) w9 d) X* m" {
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
' N+ Y: G% [7 O
快速转到位置
3 X" R! ^2 P5 r& Q* Y8 C
obj.scrollIntoView(true)
. t* A8 d7 P6 V, v% R
锚
7 U4 w- U# T7 O5 o
<a name="first">
* x: o: x; }* r9 |9 B
<a href="#first">anchors</a>
9 X. N9 t& {" U- K1 q$ T
网页传递参数
2 `# Z; ?. _3 q/ ^0 _8 Q& m
location.search();
3 y7 Z. B/ f. M( F# a
可编辑
. D0 G: A2 B" c; a g
obj.contenteditable=true
2 E7 Z4 x: \" J: }
执行菜单命令
9 l+ N# ?5 K+ i/ W
obj.execCommand
4 H$ q" l' j2 |- I
双字节字符
' x$ ]# e q* R3 m
/[^\x00-\xff]/
. p4 x% m- o) ?2 @& g9 P
汉字
! X5 Q. ?2 {% Q7 M7 X
/[\u4e00-\u9fa5]/
6 ]* i0 c& @0 k; I0 W
让英文字符串超出表格宽度自动换行
) ?% `8 |$ \! R ^* a5 B7 M
word-wrap: break-word; word-break: break-all;
$ z, e/ I! U4 a3 R- ]! u$ j
透明背景
x: J2 t O! a) X0 f$ p4 B
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
6 d6 g. {* w3 ~1 g" w0 v5 k
获得style内容
( Z0 w5 v2 v [7 e2 M8 B
obj.style.cssText
% z0 y+ q/ ]0 Y7 p: g
HTML标签
7 A" j% x7 I! U% D/ |: i; h
document.documentElement.innerHTML
3 Q3 r. _! |& `+ K9 r- e
第一个style标签
. {8 F6 Z+ X; T- K9 n
document.styleSheets[0]
* _9 N5 K( i/ X% d; O9 y
style标签里的第一个样式
0 V: \- k$ c9 \7 Q9 M& \9 B
document.styleSheets[0].rules[0]
/ y( {# r0 Q$ q9 v% E$ _
防止点击空链接时，页面往往重置到页首端。
/ d$ x; c, |$ Y$ s& R" D3 G
<a href="javascript:function()">word</a>
% @3 L; h, Q, g( I
上一网页源
8 y4 S3 {1 v1 D/ R
asp:
5 V! `& G0 |* |% p+ v6 x
request.servervariables("HTTP_REFERER")
& K# k+ A$ T1 f
javascript:
9 m! y# s) Y0 m1 v# U' |- `
document.referrer
$ ]4 {) F. V5 y6 G
释放内存
0 t0 R$ T* C+ `( E2 R
CollectGarbage();
$ H U m' G! {7 |9 w
禁止右键
_& ]. X# @* r% c$ z
document.oncontextmenu = function() { return false;}
# [" b* V) l; G* L
禁止保存
2 p4 W8 g1 r( H
<noscript><iframe src="*.htm"></iframe></noscript>
9 ^1 r2 o& F' ^
禁止选取<body Shortcut Icon" href="favicon.ico">
3 D3 A- Q. o6 I& L3 i# n4 g
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
# k: W K) _9 A- ^( Q
收藏栏图标
x+ J5 c% k+ t2 G: l8 w
<link rel="Bookmark" href="favicon.ico">
0 v) q( S- ^1 ^
查看源码
. b ~+ R+ d4 Y
<input type=button value=查看网页源代码 >
- q( a$ U X4 _* r! L
关闭输入法
! Z7 s7 `3 R7 A
<input style="ime-mode:disabled">
+ d: ?! n3 ]8 w8 K$ i+ x0 Y
自动全选
$ O" h5 r) ?2 { W4 l
<input type=text name=text1 value="123" >
; B) s" k8 p8 ^: Q* g% A8 T
ENTER键可以让光标移到下一个输入框
9 c1 J+ n& o8 g) a
<input >
2 U* k4 O6 O4 o6 z3 w1 U0 f
文本框的默认值
0 r- O% X( O" o1 }
<input type=text value="123" >
6 K) u0 p0 A8 D- I
title换行
) ]4 m$ o+ P2 p+ m7 G" f
obj.title = "123 sdfs "
1 v* h0 z1 \7 L7 t3 i7 u! m
获得时间所代表的微秒
) z0 z* N2 k$ h% v( t& v8 t
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
1 ?! b5 r, A U# J6 @. W
窗口是否关闭
5 ^5 A. b2 P- z7 m
win.closed
* q2 H3 h K- F! P+ Q. l
6 C A* i4 s/ j6 r
checkbox扁平
/ a& [4 D5 Z+ j. W( E# @( d2 e
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
! p: a; g3 e0 ^9 A* k# V
获取选中内容
; I7 W- r, a/ m6 L
document.selection.createRange().duplicate().text
. `! G2 p4 {8 D
自动完成功能
# a# @% {) h2 y4 z+ G$ Q. o: i' `9 U
<input type=text autocomplete=on>打开该功能
+ a5 k( Y, o0 |( r! O; f% ]# H
<input type=text autocomplete=off>关闭该功能
; [2 Z4 z) j1 O; P0 W% _
关闭窗口
& h1 Q3 W- g. C
window.close();
% n6 k; @- N$ ?0 n
返回
: S5 n. _ n" v& J Z6 F9 h
history.back();
1 K; A8 M. c& g9 o/ M0 b
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
, k* X" t$ Q' O5 y5 O- W
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
5 O5 }7 H! i H0 K* v) D
encodeURIComponent对":"、"/"、";" 和 "?"也编码
, q0 ?1 D% r2 A0 J4 e2 w% _7 U: g
' Q4 F: y- P7 I( T( ?# U& W
) q ^+ y$ h" O3 {
. L/ e+ D" G/ }! a# P" ]
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5