TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象
?& L0 L# {7 y% F( `event.srcElement.tagName
& q2 h1 m2 T6 N$ s levent.srcElement.type
/ }( y+ T6 K; H0 X. `& n1 y
8 m3 k y8 | _捕获释放 ^ I! W3 W: a
event.srcElement.setCapture(); : k$ D8 N4 S! @" v, ?+ y; r
event.srcElement.releaseCapture();
& K; i* P; |% K) F事件按键 / M# l" E* R3 ~1 I# Q8 m
event.keyCode . s' {9 ^1 q {
event.shiftKey
# }5 y O" V0 `- xevent.altKey
7 v' x1 t% E: b: @% `+ b' ~/ Hevent.ctrlKey. U4 P, u, [6 P# N+ g; ?
事件返回值 2 g: l: E/ x8 c+ t2 m' P
event.returnValue
# l: Y# O) _# W, m; F4 `0 H8 E% }鼠标位置
$ \. { `. w0 n8 w( B3 E/ g: J; |! xevent.x
m/ `+ H4 j1 K9 a8 ~( F2 @+ l# Y( Yevent.y
n) H* }6 }" _- |/ F) d8 \) @窗体活动元素 E- ~8 U0 n |0 ^7 |
document.activeElement
: f; X0 o0 k+ \5 l& O" h1 Y绑定事件
* C) ]8 @! E' t; ?2 R5 r2 ndocument.captureEvents(Event.KEYDOWN);& d9 x; J! M6 J/ n0 m
访问窗体元素
7 l3 w, _& a* G. ]$ T1 N9 i+ a sdocument.all("txt").focus(); / v2 w- m2 T+ D
document.all("txt").select();
$ K0 T) \; W& @* X! q窗体命令
" \9 Q1 K4 l8 u' n! h! \. w9 Qdocument.execCommand
1 A6 S: Z+ v& B) S窗体COOKIE
8 f2 Z' D# a. D; T! Qdocument.cookie
# ]" S h; s1 q) U" N8 b1 g菜单事件 " o8 m0 ]+ L8 s& R
document.oncontextmenu
- F5 j% V% I- O# @, L3 F/ j! J创建元素
. y$ L \( h6 k# ~) u9 Gdocument.createElement("SPAN"); 7 Z* u( S/ ~) j' j8 m8 e
根据鼠标获得元素:
% T1 i. j2 y2 x' `# ^1 wdocument.elementFromPoint(event.x,event.y).tagName=="TD
* Z+ X9 |+ W# W+ B7 `document.elementFromPoint(event.x,event.y).appendChild(ms)
; k: D# ]! I3 R: h窗体图片 ; O2 l/ C' w% [3 Q( j3 N, _ Y3 L2 q
document.images[索引]3 a5 z4 ?! r/ b- F9 P0 a2 z1 \
窗体事件绑定 : B( u2 {0 p& m% p, r
document.onmousedown=scrollwindow;6 k% ^. x0 u c$ Y; N
元素 8 }( {4 G7 t9 `4 t: K2 {5 T
document.窗体.elements[索引]+ p9 S" F. n2 H
对象绑定事件
3 G6 y, s9 t9 ]0 tdocument.all.xxx.detachEvent('onclick',a);: Q. |4 Y' E; I+ `2 @
插件数目
B- w- k2 @% C+ n9 R2 `+ [navigator.plugins2 U1 k# t" q0 a9 J8 g. V/ r
取变量类型
. R# a9 D! a+ ]typeof($js_libpath) == "undefined"( \( D/ }* a8 i v
下拉框 * }. A. d% f! V# T9 A
下拉框.options[索引] 2 y/ H, {7 Z0 D
下拉框.options.length9 r( R+ F: N# o: P8 \7 b' a
查找对象
& e8 {1 ?7 K3 |" }0 P. Hdocument.getElementsByName("r1"); $ s1 F1 ]# r. |/ B" T1 _% v3 y* c
document.getElementById(id);
& S {6 u1 P( N6 s: y1 _2 ]定时
/ P$ j3 h( e( y0 ~/ U8 u9 ltimer=setInterval('scrollwindow()',delay);
$ @) ^. }! L% G6 Q& ]8 oclearInterval(timer);
" D! l5 S# ~) j8 T6 d9 tUNCODE编码
& k: W0 \* {7 V, X aescape() ,unescape! s; T/ j- U" B Z
父对象
7 o7 n: R% X. P) l& \/ ^ s/ B0 Jobj.parentElement(dhtml)
# B4 |) o# d$ s: c. qobj.parentNode(dom)
. O+ p" H$ ]$ }, @9 F4 {交换表的行
) ^0 {) S3 Q5 }TableID.moveRow(2,1)
1 S3 j: ~# {8 B, y$ U( c7 x替换CSS
! m7 A X$ w5 ]8 @9 Edocument.all.csss.href = "a.css";, I* [/ ^, f) c; X) `4 |
并排显示 0 L1 O% B% n4 O3 j+ t
display:inline7 E$ h3 c9 R) h. i% e; K$ z* W
隐藏焦点 - [8 e6 S7 {1 R. J8 T7 c
hidefocus=true8 b f+ Y& ]- M/ [2 D0 p5 v2 A
根据宽度换行 ) g9 x* B2 ~& r S
style="word-break:break-all"1 k5 Z/ ]. r5 n$ f9 b
自动刷新 ; D, D3 C# G9 \
<meta HTTP-EQUIV="refresh" C>
# k% B- n2 |: S6 E简单邮件
" a! C+ ?7 f, Z( h<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> * ^8 Q& R" {% B4 o3 S
快速转到位置
% t- |0 Q$ k, R+ I8 G1 H" c( P0 p1 yobj.scrollIntoView(true)- F7 u2 T( T- P8 d5 p2 M
锚 5 S8 C7 y( D) W' I0 A
<a name="first">
! h& o5 w/ i& c) J+ v4 E<a href="#first">anchors</a>
7 l+ p# ^' L5 l& i2 j/ n0 {. h3 U7 E网页传递参数
. V K( T2 m6 T# B: V* s) elocation.search();
0 c, d8 o- R) A/ P2 }* x可编辑
" W0 ^- h5 ?) y6 _7 o- ?. x7 ]# uobj.contenteditable=true
# l( d- p8 y0 N% N执行菜单命令 9 ?3 i+ {/ A. @8 W* H% V
obj.execCommand
' @4 F% B3 ^# v2 _- x双字节字符 ! n; x- K6 R( Q$ U- K- I3 ]
/[^\x00-\xff]/ 9 S4 X. J1 \; W6 h
汉字 + e( M5 p! g. B
/[\u4e00-\u9fa5]/8 I4 W6 j+ x4 t' X
让英文字符串超出表格宽度自动换行 3 T, M3 r7 n/ P9 E7 Z; f
word-wrap: break-word; word-break: break-all;
; u* A& X7 y" V: z: O$ Z% T1 f透明背景
$ l) G/ w: S! Q& y+ M& f5 M6 E( n1 w9 B' M<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
0 j/ L3 @2 O6 h5 z M7 K; w& G获得style内容 `" w, d1 K- {- N
obj.style.cssText
+ }) \8 @# o l! x0 ?! N/ K+ c. v% @HTML标签 4 ]$ ]) |* N4 i5 [$ b% \' q- y* [7 y
document.documentElement.innerHTML
3 \ ~8 l! {% \- n, y" A4 u第一个style标签 + D% L( S* _7 a7 ?4 t
document.styleSheets[0]- X9 U# z: B& @
style标签里的第一个样式 t6 Y9 P2 ?# p) y) s, k5 o
document.styleSheets[0].rules[0]3 q. T+ [5 N* n0 R; E
防止点击空链接时,页面往往重置到页首端。
( W n$ H- ~8 B: o: w<a href="javascript:function()">word</a>
" G. u, {& {- @9 h上一网页源
3 F- J5 ~# u2 V/ wasp:
" M1 Z' }6 k- S/ D0 h0 {8 L0 Vrequest.servervariables("HTTP_REFERER") 3 ^# k$ Q V' |+ Z: Z. ]
javascript:
6 M9 Z9 m3 T E9 tdocument.referrer# H1 k) k/ S" O; Y" \
释放内存 / L# K; o3 x @
CollectGarbage();
( f4 S0 c6 ?3 F% N( A* d& P! L" c禁止右键 p6 V; b% ` d g3 N
document.oncontextmenu = function() { return false;}# ?5 x$ ]0 U2 T: h1 o
禁止保存
% x! u5 V# e( e+ D+ t<noscript><iframe src="*.htm"></iframe></noscript>
' l4 n3 W9 ~) G) ]禁止选取<body Shortcut Icon" href="favicon.ico"> % }8 @% h- F$ ]+ j8 \3 U* l% u+ k+ F
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
F+ B: F8 w3 n6 U收藏栏图标 7 A9 c# c. L7 S Q8 `4 [
<link rel="Bookmark" href="favicon.ico">
- o# ]* |+ A% Y$ A$ `& ~( m4 J查看源码 4 ~1 ~- L. V6 Y }
<input type=button value=查看网页源代码 > I& Q1 C& Z- c+ h
关闭输入法
1 L+ G4 r" `! K: G1 x& Z<input style="ime-mode:disabled">6 G) Z0 u- d, \+ r; _
自动全选
- `, p6 x8 m( Y% f<input type=text name=text1 value="123" >4 Z1 ^. T; ^' h* g
ENTER键可以让光标移到下一个输入框
- N: g: o# T& L4 T& o<input ># o9 X2 t3 X' r' A! G
文本框的默认值
# f7 x0 O! l1 \( b! m" E1 V6 X<input type=text value="123" >
0 y$ I0 ~5 Z: Ztitle换行
; s2 p! }" C% ~8 A& L) l0 pobj.title = "123 sdfs "
$ c0 C- R, Z3 C6 z获得时间所代表的微秒 2 }- p* ^* L$ m! K9 w; w
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()0 ~* K/ X0 d" N; j) d A! E
窗口是否关闭
h9 H% N5 p) ?- F0 Uwin.closed
# U5 I8 G9 E6 M( J1 A+ l& X; I6 }" U+ \% |9 v7 r9 f1 }
checkbox扁平 6 E& }6 J, Y2 [9 x9 ~! c3 O R; j9 U
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>3 c; F, s/ f# i
获取选中内容
8 V% G7 g& ]2 y0 F# N1 Sdocument.selection.createRange().duplicate().text
/ l1 o/ a4 Q0 y$ l自动完成功能 ( j0 S/ K% X: Q$ C4 y& y/ J
<input type=text autocomplete=on>打开该功能 $ J( u: v) c. b6 S8 H: ~
<input type=text autocomplete=off>关闭该功能1 s; P0 w% c! ?0 p, ^
关闭窗口
+ r; I) f6 P8 C7 Mwindow.close();
4 c; w0 M- H# [" p$ O, b& ?) I返回" b2 o& u9 D2 K0 a& V m8 i
history.back();$ o! C3 W5 [8 r- t
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");, P, c Q7 h" o0 H8 |& q
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 1 E/ Z, T1 k* r+ V" W7 j
encodeURIComponent对":"、"/"、";" 和 "?"也编码
0 K6 @# ~' f$ L
( [2 j5 C: P2 b# }3 Z2 f+ A; O0 z& i9 G) z2 x$ w
F |# f1 J, x3 ? |
zan
|