TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象
O9 ?* }) X5 R3 B7 P! gevent.srcElement.tagName
. F% K1 S4 Y. B% I7 ^" kevent.srcElement.type
% W0 P3 t1 T' H
W- g @, J# v9 P, I捕获释放
+ p# g- x0 x+ g: d. y. o, Cevent.srcElement.setCapture();
; Q j2 y6 l: Y ~# yevent.srcElement.releaseCapture();
, i! V" i6 W# \$ \5 v事件按键 ! e/ m, f# m% M: J) j; ]
event.keyCode
# H! I1 |- f* j* o9 h, G7 |event.shiftKey
1 y- \# T* r0 R" F, y/ e' jevent.altKey - ~+ f( K5 o1 g0 A I
event.ctrlKey. O; D9 G- V7 h
事件返回值
5 R7 y- m- j3 R0 |( L2 nevent.returnValue
9 V: t( A% i9 O4 A鼠标位置
0 o0 n7 y; b8 P4 R3 |6 |& w- \3 Xevent.x
( \6 L8 w* k$ I; w' Y, K/ S2 qevent.y
' ^' O* y- E J2 W窗体活动元素
6 F9 ?# E0 }4 }9 Y4 Y X- \$ |( g% V9 O' fdocument.activeElement
# ^3 T; T6 v8 D4 Q8 o9 L绑定事件 # k) g! J! k$ o. B8 V/ j( T
document.captureEvents(Event.KEYDOWN);& P; I% W* B% X( w0 a
访问窗体元素
% A7 e8 Z3 j( D( m9 [' D7 @document.all("txt").focus(); . N8 c U& w$ f/ D; i8 D
document.all("txt").select();4 o/ _0 m, ?5 O3 v! f" X$ J
窗体命令 ! _8 c7 x U- r# C& e
document.execCommand
9 R* z- I) \* i7 l$ Q+ E. w窗体COOKIE
. |. G, O- R, Ydocument.cookie
& |( J7 g+ n6 a6 o! Z9 n菜单事件
4 Z% R( Y! F' @! i# Fdocument.oncontextmenu- F$ p& v+ z) I* l e4 a5 ]/ F
创建元素
, U+ W* f* @% }! ]( Tdocument.createElement("SPAN"); . H' N) D* ]- ~: }
根据鼠标获得元素: 1 n4 F) s, \/ `5 k
document.elementFromPoint(event.x,event.y).tagName=="TD
" U8 X7 P: a' e" L' W8 Adocument.elementFromPoint(event.x,event.y).appendChild(ms)
- `% w1 S8 Z0 @4 ]- O窗体图片 ; ^3 ?8 ?: N5 R& t E9 G. {7 y3 |
document.images[索引]- a9 N5 O5 b$ I8 d4 E
窗体事件绑定 5 e1 E \) I: d
document.onmousedown=scrollwindow;1 r6 X# U% e2 I3 \; r
元素 % d+ U: N) C9 a4 ]+ f
document.窗体.elements[索引]
- w% Y& W# J- T* s. R) M对象绑定事件 / O( Q9 S+ H9 Y+ f& u; G+ F+ b
document.all.xxx.detachEvent('onclick',a);
* B- W; G% J: w插件数目
% M% n8 Y: k" _" X, ynavigator.plugins, Z) i! M8 w+ r% U
取变量类型 * I2 m7 k7 S T1 D" G
typeof($js_libpath) == "undefined"
L9 [6 Z. D3 J r5 V下拉框
7 H4 E+ _; S+ b. F3 V下拉框.options[索引]
. _* ?0 |; ~- ]# ~7 `. Q下拉框.options.length, u. q/ s0 N6 s( C# u% g
查找对象 p, R5 ~3 J0 _6 @: w
document.getElementsByName("r1");
1 U/ q2 E! O: r; k+ {" cdocument.getElementById(id);" x5 s t$ s r: }4 x) o
定时 6 J+ p, W, J& r( O- g0 r# ?2 r
timer=setInterval('scrollwindow()',delay); 6 ^0 O( ^/ M- d
clearInterval(timer);; }. k! e! K; G& {
UNCODE编码
& ~* k* a# ]; Y3 X2 eescape() ,unescape( X/ O6 f( A, h" m
父对象 6 K* P0 Y: s8 ?) E+ i' L% }& j7 `" u
obj.parentElement(dhtml) 4 F6 s; n+ z" U: C8 w1 y1 T
obj.parentNode(dom)3 y% Z2 B4 O1 \1 T" H' Y4 o! a$ @
交换表的行 4 H% F$ X0 k* r& B. Y
TableID.moveRow(2,1)
3 U" C' ]( y9 m6 L& c% W替换CSS # y5 p+ {* w9 v
document.all.csss.href = "a.css";' _1 B9 r0 `7 t0 Z+ W
并排显示 - O" Y% h6 ?' k
display:inline1 _8 S, s, k2 f0 I7 Y
隐藏焦点
: N0 K5 ~3 \* A' q2 uhidefocus=true
2 ^9 y. ?5 u1 u, n7 O根据宽度换行 & Y& t) T: P. A% |5 [6 F
style="word-break:break-all"
( K8 \) d0 L* w自动刷新
% t) b% w: G5 o' n6 A: k<meta HTTP-EQUIV="refresh" C>6 h2 w& Z) `) M( G! G% g5 n0 w
简单邮件
4 s6 l- r. L: j<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
1 n N4 `7 a+ \' G" y快速转到位置 . P J; i9 S; N1 O+ Q- O
obj.scrollIntoView(true)- z; B& P$ @! }9 F1 e! J
锚 * {/ U1 w3 H9 @5 W7 }
<a name="first">
. N& ~+ y3 z; B8 |7 M0 k2 e3 P9 ]<a href="#first">anchors</a>
9 g* ]3 O* | f) U6 C网页传递参数 V, Z3 ]9 Q2 H# Z& y) a
location.search();
* P0 ?! B1 R: ^; V5 j" Y2 s+ M) B. \可编辑 ( v1 @/ ]/ z4 ?1 m; S
obj.contenteditable=true) F* y" j& C+ v. d- l5 f
执行菜单命令 % f }* f4 Q O5 H, E
obj.execCommand
* l( `( o% C& f# s; _双字节字符
+ m% J" K( k* w" q2 J6 D" H! H7 T/[^\x00-\xff]/ 8 r- `/ o7 c4 s% b4 `
汉字
i; i0 b/ I8 D, H& W, u/[\u4e00-\u9fa5]/
7 ^% A- l: k4 @$ P, v让英文字符串超出表格宽度自动换行 / t4 c9 N \ |4 X/ H& t9 H
word-wrap: break-word; word-break: break-all;9 V G) _: N, d# k0 i- f0 s
透明背景 6 g+ x' e8 Q3 @4 B
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
6 }+ \- m# I1 ]# Z; m3 n) u/ u获得style内容
; p2 x& x8 X8 {, Dobj.style.cssText
- t# @( [1 E: H8 O4 T& o) K8 ZHTML标签
! \% X W) I: K' }% z& S9 X0 H1 V- q1 [document.documentElement.innerHTML
0 j7 b# P7 v9 Y) i W: q+ V5 T第一个style标签
; s2 \ }, ~- X T [document.styleSheets[0]8 c* Z$ m" r9 P, U+ ?& X/ ]5 b7 [7 q
style标签里的第一个样式
5 V9 f& n) X. M3 adocument.styleSheets[0].rules[0]6 j! x- s" Q( G
防止点击空链接时,页面往往重置到页首端。
1 y, K* }% H% h: I7 ~<a href="javascript:function()">word</a>- F( v; h4 Z* z0 d- s3 g
上一网页源
4 k% g! @' j3 g: _asp:
! \3 K8 h# z2 l7 B2 d. w! ]0 i; |% krequest.servervariables("HTTP_REFERER") 5 o+ ~, ?: e( ]" j2 f$ T
javascript: 9 \; ~3 e/ `, ] i8 Q
document.referrer
; K$ e$ G9 f- N% W7 w6 k释放内存
* g9 h# B: k1 I" D$ s. eCollectGarbage();
3 {# T6 p9 z0 A& j禁止右键 # a% x& R" f4 c, }" A. n6 V
document.oncontextmenu = function() { return false;}
7 p; h/ @: J, I, `& w% K5 D禁止保存 6 w4 @) Y; ^$ r+ g: R- x& A$ z: e( q
<noscript><iframe src="*.htm"></iframe></noscript>: R! G! ?9 m) B( H& z9 |& v J6 e
禁止选取<body Shortcut Icon" href="favicon.ico">
4 @" n) Z7 h' C7 Z5 D# ofavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下8 m) F* H5 N% Y( m- z/ `% R- D( a( ~
收藏栏图标
9 W. L$ K. t4 G$ H/ t! G<link rel="Bookmark" href="favicon.ico">
5 r0 O; k' e6 z2 J3 q9 g+ E查看源码
9 Q( Q) V( H( f7 c' d' a, W<input type=button value=查看网页源代码 >
; H) C' Q! @; J5 M! A关闭输入法 ; O+ ~& a4 k* O# b F8 T1 G" R1 z
<input style="ime-mode:disabled">
, W5 i& W8 k5 t4 [自动全选
1 r, v `/ I; A; ^/ V1 a: F' }<input type=text name=text1 value="123" >& C3 v" T o% ?: H0 a
ENTER键可以让光标移到下一个输入框
. i, A: M, |; ?7 ~<input >
r ~3 m f' z8 H9 S V文本框的默认值 . G. z {9 L2 p+ J. `9 c% D4 Q$ M
<input type=text value="123" >
- ^5 }( }, I% r/ ktitle换行
2 S6 W z- @# H6 U/ _3 wobj.title = "123 sdfs "
; m; Z# w; i# F' H0 g: ~获得时间所代表的微秒
" ]/ ?9 l! N$ ~& ?: T( b0 zvar n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()% R2 Q7 W: }4 n
窗口是否关闭
6 ~. Q( K* F0 P* r8 i- Dwin.closed* M4 d% g; h, D* Q9 F& N* t: \
3 q4 C/ O1 {: o# g2 P
checkbox扁平 : L* B, Q( m% v9 ~* `) d
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>' Q7 {1 k+ P: E9 j. p
获取选中内容
$ _" i( ?; t6 H' F; o2 ydocument.selection.createRange().duplicate().text' L+ A" G/ n1 |7 t/ |; p
自动完成功能 " p. o6 [( R, E/ r) D
<input type=text autocomplete=on>打开该功能
8 m* @' Z% ^3 l<input type=text autocomplete=off>关闭该功能% a( P, d: f3 [6 v% c, e8 q
关闭窗口
5 t# d8 y6 |* b3 Vwindow.close();+ n0 i% F% E9 B. l2 A
返回! ~" t6 b- y7 n, I) L, n# ^" Q
history.back();" @- a0 S0 C2 p) D( }
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
[7 j$ h8 |1 W3 H) h, q统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 6 U1 U$ K3 E# ]% ^4 Z# E% M2 t! D/ [
encodeURIComponent对":"、"/"、";" 和 "?"也编码) V* A+ a3 \- a3 Z } e
% T' v/ {$ K% B7 ]3 j
1 |) b' w" l2 W' J; l/ Q
+ c: o3 \; Y/ a) U- E ~6 Z |
zan
|