TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 . O3 I6 s8 F( p0 g1 @
event.srcElement.tagName - G7 i) {- m* F4 m
event.srcElement.type& u# ]$ q2 x( L' _5 T0 u/ o
: `/ x4 G% F9 U! L
捕获释放
8 l$ ? }4 a( y- R* u& Revent.srcElement.setCapture(); , i% P# }, a: k+ H- ~
event.srcElement.releaseCapture(); $ O* ^1 S3 [- O5 n
事件按键 4 l1 S! i% l* h5 P- U. O3 f; J3 J
event.keyCode
9 V* x4 _0 K- B) ^: |; u& ~/ F9 Gevent.shiftKey
: Y$ _! i$ C$ ~5 m$ f A$ hevent.altKey
, R8 I9 N7 F* u+ ]event.ctrlKey+ K8 F$ _) s# ]# l% |. e$ X
事件返回值 + X' S3 [4 C1 Q' r
event.returnValue
0 m% F) }/ c, _鼠标位置
1 C! o3 C# j4 yevent.x
$ T% U# O8 }! t) `7 tevent.y
. f/ ?. c0 E8 F4 t# R& a窗体活动元素 0 @2 D/ U% Z9 y: ?
document.activeElement
% f0 d& }% m8 E4 \" _* q3 |, l) g% |绑定事件
- t7 r2 [* ~- k) q+ b7 Idocument.captureEvents(Event.KEYDOWN);
$ `; t, g$ s# Z0 d% b: ]& n9 z访问窗体元素 / p I# J' {2 M4 B, I0 D+ P8 E$ O
document.all("txt").focus(); " N- i: `( ^: ?% g; L7 }. {- v
document.all("txt").select();
3 s0 R! F6 P6 U* _- K窗体命令
5 s' V; w+ r! g* Ydocument.execCommand% v, h7 P" i0 X8 l6 ^
窗体COOKIE
5 \4 J0 E' T/ M6 t/ C1 [document.cookie- j2 U: C0 T5 |4 G& E% m
菜单事件 3 n3 \9 E7 E. M2 I
document.oncontextmenu
1 v; o, ?3 Q+ o" W创建元素 / B2 x/ v# N4 Q- i
document.createElement("SPAN"); 3 s. r4 M( T: i k: J9 n
根据鼠标获得元素: 7 l! y" Q5 d: A/ w1 g1 p1 \$ _
document.elementFromPoint(event.x,event.y).tagName=="TD # ?# g! v/ h" ]4 c: |( `
document.elementFromPoint(event.x,event.y).appendChild(ms) 8 b( p6 E" ~% z1 N& H6 L
窗体图片
7 C' N/ }5 U% `% y6 _2 rdocument.images[索引]6 J, @' ?6 g8 M8 C! z- X
窗体事件绑定
2 l1 V) ^, G& S2 U; Odocument.onmousedown=scrollwindow;( L+ @' K0 q' |4 z) ]
元素
. O5 U* n0 t: B, U) q* Adocument.窗体.elements[索引]9 q, [+ p- u& b, S2 ?2 U3 z
对象绑定事件
) Z. j% L3 S1 Xdocument.all.xxx.detachEvent('onclick',a);* N, q2 j9 n1 N3 s5 q' G3 B( z
插件数目
) W- g3 [# u7 ?. `9 v9 p5 s: ]. G mnavigator.plugins
" R5 H5 _! j7 `& e1 E/ n% q) U4 f取变量类型 4 c& f9 o" |* P% j7 e1 _" s: | o
typeof($js_libpath) == "undefined"
: _- |) m' G3 K5 R5 A& ~; X下拉框 ' L1 O% r- m; [( F1 \ f. a( X
下拉框.options[索引] $ _4 w. ?5 M6 k4 |1 P1 _& \
下拉框.options.length
, U4 n1 s2 Q+ Q查找对象
, b2 T3 B/ l# W' t; P1 }document.getElementsByName("r1"); # f$ D+ G' O. c/ s# L/ C% W
document.getElementById(id);
( F; d. I+ w# v$ }% x: l5 |定时 $ ]5 X! z, W. u( r( `! v
timer=setInterval('scrollwindow()',delay);
, Z1 S4 n* p* r2 o/ ~clearInterval(timer);
& A. n! ^+ h: [- u' f( x9 KUNCODE编码
" |5 ^* c& A; t4 k6 Z1 ~8 n: ?escape() ,unescape
6 ]- }5 ?- ^5 i# v7 p" l$ B父对象 7 N/ M( e! {5 f! H( w
obj.parentElement(dhtml) & p' x1 b% \0 w' @0 v3 \
obj.parentNode(dom)
% K" x: U/ C/ B w7 |/ o2 N交换表的行
) [( {6 g/ S* y1 Q' x0 e1 MTableID.moveRow(2,1) f$ ^5 g4 Q& }! i* J
替换CSS
, H1 O) t( G9 d0 v8 fdocument.all.csss.href = "a.css";1 z' E% ?4 I- \4 P
并排显示
" n: Z [1 n% J5 gdisplay:inline: y. ~& k' b! t+ i0 }' d
隐藏焦点
7 u" {# Y) e7 J8 phidefocus=true7 B! P0 V/ ^% T M2 {' b" U
根据宽度换行
+ T1 Y8 N, Y P7 O) Rstyle="word-break:break-all"
5 d- D2 l( T5 t" c" z* A# S& t5 m, \自动刷新
5 v0 o, ~( S o6 @# U( E<meta HTTP-EQUIV="refresh" C>
G5 e& Z* k3 A简单邮件 $ |8 ]* g# f1 Z/ r, s+ ~
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
6 x; J) Y+ D `& ?" [" l! r快速转到位置
! S6 m/ [7 V0 v2 S _9 o6 m. Dobj.scrollIntoView(true)3 m* g+ W. k- g9 N' E8 B5 y `
锚
7 F8 w" F( c6 ~; b% i1 d" Z<a name="first"> 8 N: m2 m) S$ U Z3 m) A( J
<a href="#first">anchors</a>
+ [+ ]& Y$ `# a5 o* f网页传递参数 , N3 ?5 g0 G# ^* G J
location.search();
0 S7 ~; |8 C: V. r! k6 \可编辑
$ y' | Y, x [0 Nobj.contenteditable=true
8 g/ I* q/ S% K% ^执行菜单命令
+ J- w- U6 g' U3 Y% m) nobj.execCommand
7 |& J$ H b) x双字节字符
3 B! H1 _. ?2 K% E% P/[^\x00-\xff]/ . ^. P/ g7 ^8 d- S) [
汉字 ) z: l/ Q. `7 ]9 d8 x/ x7 F1 S
/[\u4e00-\u9fa5]/8 n3 e+ x4 V: V9 a1 h
让英文字符串超出表格宽度自动换行 : J( x/ V( Y3 N; A& {' C: L
word-wrap: break-word; word-break: break-all;
% F- |$ u3 I! ~3 ~: V) J透明背景
" P3 W+ w1 M& O3 c) U3 `<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe># o( h I5 o. ~ x( ^$ e x) M
获得style内容
& W6 H) t2 R, a& }1 {4 Zobj.style.cssText
: n6 m: u8 h; f. d/ |1 d: zHTML标签
* W- w6 Y- W: Z1 U+ bdocument.documentElement.innerHTML9 ?, S( J2 Z8 X& U- h: w# Z7 c! z' e
第一个style标签
6 i& ?% l+ \2 \5 L! ^4 Q. Vdocument.styleSheets[0]
' z. T/ }# q/ Hstyle标签里的第一个样式 ' d s) v" ?4 [* _: v
document.styleSheets[0].rules[0]
, S3 V/ x. O5 Q- ^+ ?9 f/ G8 x) E防止点击空链接时,页面往往重置到页首端。
0 h( ]! I2 ?, O$ c C F<a href="javascript:function()">word</a>
: Y1 q; u( \. \+ u上一网页源 ( C1 R9 q1 ^: w/ u
asp: , g$ q$ c6 g0 \% j- v
request.servervariables("HTTP_REFERER")
% d8 f: {3 O/ ?* w" ejavascript: 5 Z4 P& x$ q. ^& x$ O
document.referrer2 @4 g5 c9 K9 c# b, f- A
释放内存 9 c6 k7 ]6 q3 Q7 e( s& }
CollectGarbage();
4 T5 u& h* K! C& m, d8 \禁止右键
3 e1 Y9 F) q$ r; s! @document.oncontextmenu = function() { return false;}6 H7 C. y% V- j0 j- G6 \
禁止保存
0 ?8 z' Q0 b0 o; z<noscript><iframe src="*.htm"></iframe></noscript>$ s" y5 x+ @7 u8 o9 ]# b
禁止选取<body Shortcut Icon" href="favicon.ico"> / C" }. b7 S' V% H* D
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下: U9 E$ M5 |$ Y+ @/ T5 z/ c. K
收藏栏图标
: x/ J c6 y* [, g<link rel="Bookmark" href="favicon.ico">
4 G* s$ I3 E9 q2 _' I2 \& E/ b查看源码
' |0 Q& S2 u0 t# ]+ e<input type=button value=查看网页源代码 >; ~8 D0 z+ e/ Y
关闭输入法
7 D9 P' i5 h) k x" Z<input style="ime-mode:disabled">
7 y+ P6 a& `1 }" X5 K' Q+ _自动全选 : \. S u! \% f: v0 \
<input type=text name=text1 value="123" >
' r5 `7 N% O/ u8 A: j9 XENTER键可以让光标移到下一个输入框
' B0 P; b9 x' r, ]$ @<input >8 f3 R, L" [" `: O2 n/ k' u0 e1 Z
文本框的默认值
M+ e' r) n. P2 ~- T<input type=text value="123" >
0 |2 b. W) l" `5 ~" I! _- Rtitle换行 4 w/ s/ E- o- d' h9 g. v
obj.title = "123 sdfs "
) y; X: S& t. D% d& h- G' l; _获得时间所代表的微秒 7 d2 a& j4 ~- |+ W+ I+ H
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()8 l$ u' X* V$ m" I; b' N
窗口是否关闭 4 x5 r; _: y. l, @/ A
win.closed* |" e9 K; d1 y, s
/ Q' e# j u$ T i: e$ i9 fcheckbox扁平
/ [: }, {3 N& F; `<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>4 m/ D5 v) S y& o5 j, E' \. P! Y& |
获取选中内容 4 m5 j7 [8 S) J7 I! M; M* i
document.selection.createRange().duplicate().text
/ K8 a$ f) p# x3 v自动完成功能
- A7 q/ R& y$ p/ h+ T) U4 W<input type=text autocomplete=on>打开该功能
7 m4 @+ z+ n) N/ n6 l<input type=text autocomplete=off>关闭该功能* I( {3 L) m, F* V; d
关闭窗口) J$ `; x) C' X' O
window.close();- U: {$ _; V3 C/ ]
返回% a/ A# \. D8 C" d2 W4 X/ r
history.back();0 W8 r4 @5 R. H- ~( A2 }, j
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");6 h- K' d/ `4 y
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) , _- l( J' F4 x3 C
encodeURIComponent对":"、"/"、";" 和 "?"也编码
/ s$ M$ `/ q2 P8 x) |( C! Z3 [
. ]/ s8 |/ P3 j- ~) Q- P( S% `" P
" j9 O. X: Y* g% c& h- o" R
! ?2 C8 E7 T1 X |
zan
|