数学建模社区-数学中国
标题:
JS代码大全
[打印本页]
作者:
madio
时间:
2019-3-23 13:35
标题:
JS代码大全
事件源对象
5 |# K0 r. Y# X" R$ T
event.srcElement.tagName
9 z7 ?" Q( `! A% i S
event.srcElement.type
+ x6 }( u% l' \- l( Z
) r3 j# K% g4 X/ s4 {$ [
捕获释放
+ _* G! [" K4 a9 ]
event.srcElement.setCapture();
5 ^. h: N2 t5 X p* Z! P( T
event.srcElement.releaseCapture();
* ~. @" U* J& w! N
事件按键
, _. Z2 v$ L7 N% k: e2 @4 k
event.keyCode
, Q7 W4 R. Z4 W( ]: }9 ^
event.shiftKey
: R& D8 N4 e) |3 }
event.altKey
( |& b. `8 Z1 j1 _ t2 ]% x
event.ctrlKey
7 u! e4 c9 z& n; d; {
事件返回值
* v H3 `5 ?- y! ?( _- d' ?
event.returnValue
' i: ?( f4 a9 {) I8 d
鼠标位置
) S2 W: u' X. o# q& I5 g
event.x
. b! x1 g- T% V- ~5 Q; |/ H, g, D- j
event.y
. p! B, {7 T9 M6 b: I2 a
窗体活动元素
. ~1 Q' {- R( d0 F7 `$ s
document.activeElement
' J. D7 g; E1 W2 h# A$ N [8 a/ z
绑定事件
- T% ]9 G. p& K7 o* q. b0 c$ s, }
document.captureEvents(Event.KEYDOWN);
- q: U9 h. I% j3 D: F
访问窗体元素
+ X r: z0 k: w* F2 ?: u
document.all("txt").focus();
+ J% c$ @% o3 f
document.all("txt").select();
; y) C/ ^- d) a1 l, L
窗体命令
! a( D; }- ^" N5 L; X
document.execCommand
- \8 |/ A' Z, ]9 [) @, o; y
窗体COOKIE
+ m. X( f% h; u' e
document.cookie
. H& m! c" W5 b. t8 L4 ^, X
菜单事件
1 ]. J$ r6 @7 h% q q" j/ Y) P
document.oncontextmenu
" e3 F& p I; v3 l2 z* q3 a& j& a
创建元素
' Y8 |& `! e3 B1 B3 }' U
document.createElement("SPAN");
^ t! M: o5 e6 A
根据鼠标获得元素：
& S/ u2 ]3 W+ M& y+ M
document.elementFromPoint(event.x,event.y).tagName=="TD
1 k) V, i' p3 R" @' `
document.elementFromPoint(event.x,event.y).appendChild(ms)
7 {7 e) Z! t9 X1 H& ^
窗体图片
j. Y1 _+ n4 d/ K, r# c
document.images[索引]
. ~# E }7 |' J
窗体事件绑定
) y) {5 [& Y3 g
document.onmousedown=scrollwindow;
! D1 e: N \9 |% D/ {) M
元素
9 }9 m9 `9 @) ]/ l
document.窗体.elements[索引]
( p( T5 g% L0 ?# D; @1 q6 L
对象绑定事件
1 T$ }$ b! Q& Q8 m9 S- A
document.all.xxx.detachEvent('onclick',a);
2 O6 L- e" d4 h0 _
插件数目
, ^4 X5 d$ I0 z. y, j: f' V5 v
navigator.plugins
1 P, D/ Z# `+ \, k0 a% |8 m
取变量类型
' S6 ]) T! N/ x' w0 N5 }
typeof($js_libpath) == "undefined"
' M3 M$ @% l, e
下拉框
) R3 w) ], O9 J4 ]4 r+ M, E
下拉框.options[索引]
' C4 r9 G8 Y: N& d
下拉框.options.length
3 l' }! f1 ?8 n6 X7 O2 G
查找对象
; G; h6 z& Q/ @1 k. E; Z
document.getElementsByName("r1");
& b& \2 Z" t$ Z. \. H: `
document.getElementById(id);
: F- v8 j4 R" m* A
定时
$ j" Z$ u0 \* u! _0 [/ v8 [5 N4 ]
timer=setInterval('scrollwindow()',delay);
$ b+ X! B9 p. w9 o& g9 ^0 D. y
clearInterval(timer);
- K1 D+ q- ^9 m8 |% b% u
UNCODE编码
I9 Y9 {" ?4 j4 ?9 g$ v% t
escape() ,unescape
6 @7 ~, Z6 M. g4 N/ C+ b# ]/ W
父对象
. P: h* b& }2 S( w) S
obj.parentElement(dhtml)
/ C& W( _3 K$ A& z+ h
obj.parentNode(dom)
' e3 t" j2 ]' y
交换表的行
2 i- J( G c4 t; n2 y4 b8 y$ {
TableID.moveRow(2,1)
9 t; U9 v y' ^) @
替换CSS
& q. i( ^& V! }! E3 s4 h
document.all.csss.href = "a.css";
& M2 f( c' c4 m2 Q- P/ y
并排显示
8 v3 I) F6 D. }1 V3 \0 X5 r9 r
display:inline
$ F P, }+ j6 V) g) G' t
隐藏焦点
( B. O& F, `; b- \
hidefocus=true
. C4 N/ o5 _# j9 U5 a5 C& h
根据宽度换行
% X1 Y' W9 T; O# J* K$ m
style="word-break:break-all"
; v! q3 q0 o6 l" T/ [. Q
自动刷新
5 S$ j6 m+ T4 g! s" U% m
<meta HTTP-EQUIV="refresh" C>
' X8 D d# p' y9 r
简单邮件
" R8 z5 L! X4 N5 i, u; A
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
4 l: v1 K7 E3 s4 i% u
快速转到位置
, P6 n1 _8 ~5 v m/ I5 W
obj.scrollIntoView(true)
) f* q. }2 s1 K3 w5 z! A2 ?
锚
# S; k4 _- m; S: ]1 Q9 E
<a name="first">
' U8 _5 f7 h! N$ `- Y
<a href="#first">anchors</a>
% I) _8 m! y$ F
网页传递参数
" p+ J/ N8 l# f
location.search();
6 T5 M' _: G! K) [
可编辑
) S$ r6 Y* O( c2 l" X1 W4 z; q) q
obj.contenteditable=true
4 |& J9 Z- f* o
执行菜单命令
# |/ X9 N2 T/ Y' q% h$ J8 z+ x
obj.execCommand
. F6 g. w5 O9 C: T' d9 I
双字节字符
+ U+ J. Z1 Q' k
/[^\x00-\xff]/
6 N$ C2 ?7 u6 A! _- D/ y: d
汉字
: c; f9 V7 j7 r2 Q. O9 a8 x/ Q8 I6 j
/[\u4e00-\u9fa5]/
: L; y% \% e$ c. E' V% r6 v3 e1 P
让英文字符串超出表格宽度自动换行
: f, c1 A$ u; C3 ^
word-wrap: break-word; word-break: break-all;
1 O+ J# ]+ q9 W7 D6 m: J+ F
透明背景
! q" m; M1 w5 c9 K5 J: P' r. n
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
% l, F7 h' n) I* w# D/ i* {
获得style内容
9 \/ ]0 s8 D5 K5 \; ?
obj.style.cssText
2 }: t+ N' r( ~. W0 ~; T8 t4 X
HTML标签
l5 x# a% X8 z( W; l
document.documentElement.innerHTML
% E& H* \" A2 \
第一个style标签
/ W3 ]& g8 c) t+ a3 {/ |
document.styleSheets[0]
/ }# I) P8 K' E* L* A# C' h
style标签里的第一个样式
+ J' I7 ~3 {8 b6 K9 p- e6 H, {
document.styleSheets[0].rules[0]
% x7 g) M6 L! G* r
防止点击空链接时，页面往往重置到页首端。
7 m- S& U" b" j% M1 R
<a href="javascript:function()">word</a>
$ i6 j* Q" ?. j+ \" \) Q
上一网页源
5 E, j0 X( N2 F7 l& k
asp:
* E7 Y" g. y4 o8 O8 c" r
request.servervariables("HTTP_REFERER")
. w& I7 {/ W! ~4 v7 J
javascript:
3 K Z3 H+ ]. P0 K
document.referrer
2 ^/ V- K+ f1 K; R' W
释放内存
, c/ }4 u6 u3 x9 E' V
CollectGarbage();
. q$ @, h& B; N9 n7 k$ \9 w ?4 t
禁止右键
! @$ Z) @- u5 z& |4 P6 G7 P+ N
document.oncontextmenu = function() { return false;}
. T5 i/ {. P1 ~' k" Z3 g' m) T# e
禁止保存
! { n. M/ C) l0 u1 y. _
<noscript><iframe src="*.htm"></iframe></noscript>
: y) d3 A$ g3 d6 b4 ~
禁止选取<body Shortcut Icon" href="favicon.ico">
- |( f: d/ c2 l& g
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
7 s0 U. ]8 J6 Y) m- J: t
收藏栏图标
: @; i* b5 }( x V5 r/ B
<link rel="Bookmark" href="favicon.ico">
6 x' X3 T# \3 p6 w$ M
查看源码
3 M% F+ x/ t& A6 S$ f
<input type=button value=查看网页源代码 >
8 I! e& N4 E; u8 ?, W
关闭输入法
$ P# \5 J* q& V) H4 |+ p: E5 A
<input style="ime-mode:disabled">
. M# c* ?3 h4 L/ R9 K2 l; o
自动全选
; o K' S* n" g! S
<input type=text name=text1 value="123" >
2 Q" R8 q8 O, k5 N8 `. e2 a' s
ENTER键可以让光标移到下一个输入框
- L7 t& D5 F }! Y
<input >
3 g; L. s, t. s6 y" q
文本框的默认值
6 ]) b$ t, F' J1 E# n5 }
<input type=text value="123" >
$ o. O( ^! S' Z- |
title换行
" b+ I# o4 o) F7 Q& ~3 j
obj.title = "123 sdfs "
$ ]" N7 ^! Y; T9 ^" Q# N
获得时间所代表的微秒
% Z. M& G7 b$ P0 ?; Y
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
! ?. i- g) A: q8 `, E! R C; P: X; h
窗口是否关闭
/ ]5 B- m3 l' y7 w# k
win.closed
8 X- H* M: u) v a
+ k- Y( X$ D; i# M! b8 `" W8 c
checkbox扁平
; D8 `* G8 u q2 ~5 @
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
. p8 j' ?( P; H* d- K* H
获取选中内容
" U1 ^, M8 z+ ^6 e7 C4 ]
document.selection.createRange().duplicate().text
4 @0 S y; u/ T# d* L) E* I) b
自动完成功能
7 F8 g/ C: s X, ~
<input type=text autocomplete=on>打开该功能
v. C0 ~3 U+ H; o6 c
<input type=text autocomplete=off>关闭该功能
7 Z. v& B: n2 Z( G3 m9 e! w
关闭窗口
% p+ t- _3 y# a5 u8 I0 b. j
window.close();
( `- h* L" P* J' q0 N2 w* ?+ k
返回
; V# @: r: ~% Y8 x' P
history.back();
) U& ?0 e! f& |8 q$ R# [
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
# y0 M1 y; a# p* b2 h8 T) ?
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
( Z3 X$ f0 q+ W0 L/ b
encodeURIComponent对":"、"/"、";" 和 "?"也编码
6 `2 R5 x8 d) q* R: V3 K6 B" A
' Q* {% p, s8 I, B$ ^" a
2 {& i' |& r9 q; V& a& i6 n0 D0 T
' r" @, u- |+ g: t" E- w
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5