数学建模社区-数学中国
标题:
JS代码大全
[打印本页]
作者:
madio
时间:
2019-3-23 13:35
标题:
JS代码大全
事件源对象
; ]* d: [: W; }; J
event.srcElement.tagName
* u5 n& q, r) ?. ~ v! s: V
event.srcElement.type
+ p, o# ^7 k' f8 n% P
0 ]& {2 u; X# W) _* q: `2 @, \, m
捕获释放
! V$ o4 ]) g: @/ [
event.srcElement.setCapture();
' q! {: X+ @/ u+ K# i: w
event.srcElement.releaseCapture();
: W( j7 v# p) n
事件按键
: b1 b# s1 u& N" E1 {" b
event.keyCode
* q: S" j* ~8 \" z3 l- H( n
event.shiftKey
. x, t' {& X6 p, q' Z
event.altKey
4 Q2 j8 a& Y, G/ X% W+ q
event.ctrlKey
/ n$ h$ r8 h1 S+ H" n$ ~, [
事件返回值
9 |, z1 l. P6 }5 q) M9 q6 k/ b
event.returnValue
7 T; ^& P2 E7 @2 d1 N- i
鼠标位置
5 E5 Z6 p0 Y( x
event.x
- S; F4 h$ s! `' [1 o9 A- f- w# s* S
event.y
1 _4 E! g! P) C- f
窗体活动元素
2 I- S5 K5 l" B) [$ M% M8 m' }- W
document.activeElement
# w; h' x6 t" z, @' Y# t# i. c6 B
绑定事件
) g+ ?! b/ i. O0 v
document.captureEvents(Event.KEYDOWN);
$ @4 |/ N9 x* [- E6 s
访问窗体元素
9 h W! j; C/ u& A7 S" E7 ?8 S
document.all("txt").focus();
# b! j, Y- l2 T3 W" S& y. a' ?3 m
document.all("txt").select();
3 B- b$ T r2 ~+ \6 [( r, C0 n8 z
窗体命令
6 M' A+ r5 v5 U! d7 Q2 Y9 e' u
document.execCommand
1 t6 G$ W) A, F/ w3 q: o8 |
窗体COOKIE
1 i5 G x: d" R
document.cookie
7 ^; t$ } L3 E" V8 x
菜单事件
6 m6 F% W- H0 _; U* @0 u( ]
document.oncontextmenu
" x2 F2 t0 t' G
创建元素
0 Y8 v+ t- A- c6 v3 }5 e' n
document.createElement("SPAN");
8 o4 i- X" ^0 l/ l- x% g* S4 C* {# X
根据鼠标获得元素：
1 C. \. L$ m) l0 H- I# r2 s3 S! `
document.elementFromPoint(event.x,event.y).tagName=="TD
( c* U2 F7 k4 [1 A
document.elementFromPoint(event.x,event.y).appendChild(ms)
( J0 z9 p1 H' p- M
窗体图片
8 O& I$ |# R" [8 g
document.images[索引]
3 d2 W8 ] r1 b" ~
窗体事件绑定
9 L/ l$ i- ~+ t k0 M0 b" d
document.onmousedown=scrollwindow;
. k6 h4 _- @- i/ v% {0 r
元素
( I t0 j4 h1 S' m4 @5 ]3 i
document.窗体.elements[索引]
/ l: r' Y/ v' e5 x. E2 H0 g/ _# m% e
对象绑定事件
! `" f6 d M: ^- j' Z1 r
document.all.xxx.detachEvent('onclick',a);
$ I. I/ ?6 ~5 J1 v
插件数目
d0 H5 T, \% S
navigator.plugins
) |& u3 n+ u0 M% o6 [
取变量类型
2 _5 {: N% Q2 u5 z
typeof($js_libpath) == "undefined"
) l1 V$ Y" b- m4 g6 y" y: j4 j
下拉框
9 d. u: K a$ |# c
下拉框.options[索引]
: C$ y( a$ n, e4 P6 T( t8 e; S
下拉框.options.length
5 Q1 e! Q9 ]) u5 a# W7 T
查找对象
# H' ^, J5 e- c; t' k, ~! b' z7 n
document.getElementsByName("r1");
`2 V6 m+ E3 n, z; F1 {! [" c# W
document.getElementById(id);
' k4 C1 i8 z2 V; y m, T. A4 x5 H7 t
定时
( m6 E, T' C+ c7 R: s- H
timer=setInterval('scrollwindow()',delay);
$ K) d# L/ K/ c$ f4 j' T, e
clearInterval(timer);
/ ^$ V8 ~( R3 ~; m( C
UNCODE编码
" O' ~3 ]5 }5 F) x3 r4 D8 A
escape() ,unescape
0 c2 i3 u5 o" Z: y2 S
父对象
5 N! w. n0 v& {& H1 \5 F
obj.parentElement(dhtml)
2 }' q8 j/ y, b+ d
obj.parentNode(dom)
' L8 X, ~7 E* c: [5 Z* z5 g# w
交换表的行
1 n* D- X8 E, ~3 J! k* u
TableID.moveRow(2,1)
: D( X: A, l- V5 z, j
替换CSS
+ W% L) R/ ~: G: m9 H4 s) U
document.all.csss.href = "a.css";
) v- G( h4 J# o
并排显示
( Z9 Z' [7 W! ~- f. l
display:inline
# h: |$ u! q3 ~1 U8 v/ k
隐藏焦点
( ~" a+ C# c+ U7 A* R( q
hidefocus=true
6 h. ^* Y+ `; o
根据宽度换行
2 D+ @" r p( p0 e* M+ p6 V
style="word-break:break-all"
9 J! h0 [# Z/ C% k5 E
自动刷新
5 |- j2 K6 o$ @& E7 x H+ N
<meta HTTP-EQUIV="refresh" C>
6 f$ e% r+ K: E8 G8 [, B
简单邮件
' i! o1 T3 W! e. a( D2 n9 F
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
/ h* \ m3 o6 y$ h
快速转到位置
8 V. s; {, W m$ C! w" @
obj.scrollIntoView(true)
! X o+ x3 X3 m1 x4 q4 |' @
锚
3 ^! m2 S4 o" {
<a name="first">
) r4 q3 B4 q/ O7 M6 _/ D& ?
<a href="#first">anchors</a>
7 D. [4 t4 @. Q, [) O
网页传递参数
, B+ e* `; Q8 s/ Z
location.search();
4 f* A# d- K; [2 ~
可编辑
) A5 u- {, s/ B0 e1 J
obj.contenteditable=true
. U6 g( ?" F1 Q( v) q! ~
执行菜单命令
# E* [, w9 j8 K7 c+ j# J
obj.execCommand
6 m( P7 J' h z1 s
双字节字符
2 ?- m& x! J' ~9 M
/[^\x00-\xff]/
) W H) T' Z7 v
汉字
# f5 t& h) e! s1 y* P& Q
/[\u4e00-\u9fa5]/
9 _: P( E& F7 c% Q
让英文字符串超出表格宽度自动换行
+ {) t! m) t5 Q$ _! F+ \. y0 m
word-wrap: break-word; word-break: break-all;
& P- n5 U9 P" n; t& w( c
透明背景
" c4 x2 Z8 e- e% b1 Q! h5 o
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
" ^$ y+ s" v' J
获得style内容
+ r; s$ q- ~2 a% x
obj.style.cssText
3 R( ?- c2 ]" E3 ]
HTML标签
* e# j9 V) J8 f- N2 m
document.documentElement.innerHTML
q5 F ^* G' D6 E9 C! L7 t! u- K
第一个style标签
/ O8 H( i3 V/ o: |$ {, s2 L) N1 m
document.styleSheets[0]
( g. k( R$ m/ F2 c' V$ |
style标签里的第一个样式
2 d, X6 S0 x* l% X0 W
document.styleSheets[0].rules[0]
9 ~9 D! t$ P6 x& L3 D$ E
防止点击空链接时，页面往往重置到页首端。
* ]: [8 s0 B. t4 k
<a href="javascript:function()">word</a>
* P- U# i8 p, X1 z, U) _, k( X; w
上一网页源
0 Y2 p5 C6 g8 n
asp:
1 c6 J4 \9 t8 E+ g" w
request.servervariables("HTTP_REFERER")
, A3 j6 l, D5 B; g9 k( o7 t$ F
javascript:
5 L) e% t( Q- e9 h j0 b& ]
document.referrer
9 t! T9 X8 K$ O# C: [) V
释放内存
6 d. `; F4 _! X' N* n- d+ f
CollectGarbage();
: \3 a: b" z. [3 z
禁止右键
: B- u6 w+ I h9 s
document.oncontextmenu = function() { return false;}
6 ^) G# l8 } ]3 l. |: M( r4 [
禁止保存
& [- F; q- y4 U' E
<noscript><iframe src="*.htm"></iframe></noscript>
/ ?: |$ M- r5 P* H5 [
禁止选取<body Shortcut Icon" href="favicon.ico">
+ B" v' W1 t" `9 @ M
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
& f- m: N4 F. F6 e4 T8 X" N7 m
收藏栏图标
+ [# t. S6 T: [3 o# V
<link rel="Bookmark" href="favicon.ico">
$ f9 _5 l8 D: u
查看源码
9 X: v& f5 E* n: x1 y
<input type=button value=查看网页源代码 >
1 X. T, E6 K! N6 X/ [+ N
关闭输入法
( T/ l+ A k. R
<input style="ime-mode:disabled">
8 h, m9 x/ }: R8 i! c
自动全选
' n2 k1 k. C/ \& o1 E+ L
<input type=text name=text1 value="123" >
( T' P) }0 q. V
ENTER键可以让光标移到下一个输入框
3 E1 x, W# A4 `8 k' |/ f
<input >
6 s% A+ K. [, Y
文本框的默认值
( v% d8 E0 ], M! Q( \% H# X$ F
<input type=text value="123" >
; v9 Q* f6 |7 T: k4 E3 Q
title换行
3 i* ^" v7 q/ X: [) C
obj.title = "123 sdfs "
- d" P9 i, ~: }7 ]$ q8 I% Y
获得时间所代表的微秒
0 j; _3 J) U( u. g
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
* J9 _5 |8 a0 Q
窗口是否关闭
. J, Z; m5 t2 a, f& L" P7 C: D
win.closed
2 g3 q2 ^1 R: a2 { x. L
' b* \: i# E" ?' @# Z
checkbox扁平
4 n' L2 X* q- n) T: o1 e2 [
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
; l3 W2 f' H' H4 S+ \
获取选中内容
% \0 T! r. j4 B' o$ {1 u0 C" i
document.selection.createRange().duplicate().text
+ p: f0 b2 o J. l
自动完成功能
! c$ e3 Z1 N- X$ D* G3 j( A, S* K
<input type=text autocomplete=on>打开该功能
+ ~# F8 Y5 h8 A8 k/ K% l
<input type=text autocomplete=off>关闭该功能
6 b# k. k) \* i( @9 N
关闭窗口
: |! T! {; a- Z8 h& K) P. B R
window.close();
L$ J/ a! @: t, s' M
返回
% d+ K4 }0 F, X# Z
history.back();
* q9 n5 N1 ]3 Z% O k" C6 a8 H0 ~. J5 O
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
% ^1 o% ~6 d0 C8 Q6 r/ O
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
" U: O8 ]! K' n
encodeURIComponent对":"、"/"、";" 和 "?"也编码
/ R: }, J. O) o( I) x+ V
' a* o) S2 H. D) }3 h
' i4 U8 k4 ^# c" L& \% p3 G0 s$ L
' {+ h' I( [ T4 z
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5