TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象
* X6 V% G ]( Z- \' p# }event.srcElement.tagName & V- T$ j0 A4 F& ^% m5 G/ [ p! Q4 M
event.srcElement.type
# A& H. I+ C7 F/ P! h) }2 J 5 d |+ I9 N# P, B+ ]1 L
捕获释放
+ [ T. T" ?7 b" M' p' A. |event.srcElement.setCapture();
' q$ V+ [3 R% x: g4 e7 p+ m- s9 \. v wevent.srcElement.releaseCapture(); 1 y0 m! a2 Y" i3 F7 e+ M2 Q% a
事件按键 3 ]( W2 ?/ i6 x
event.keyCode ' K `/ v f/ C1 ~4 Q
event.shiftKey " c6 w9 F; z/ r3 L3 C
event.altKey 0 P0 F/ [, V& ^/ `4 t
event.ctrlKey# H, p4 v4 p3 w& J/ D0 t5 Z
事件返回值
, g$ R$ M" `! o8 t* wevent.returnValue6 ?7 R5 D4 @) V& X/ B7 O
鼠标位置
: R3 N9 u i8 l! Pevent.x
- t" i6 _) v5 oevent.y% x6 }( X+ s+ B& q( I7 @4 }# ^6 z+ W
窗体活动元素
& [! x, {( y) w" }7 wdocument.activeElement" R- t$ n8 }" p' I/ X* s9 d# x- ~/ k
绑定事件 4 V, s8 B' ^) n9 B9 {1 o
document.captureEvents(Event.KEYDOWN);
. v7 R. e8 ^! s1 t H访问窗体元素
, F1 j6 K; d/ }( |document.all("txt").focus(); $ P: I- j1 i; C6 u9 j( W3 M
document.all("txt").select();
, I1 ?' ]* c$ D, [, `% {, v窗体命令 * W5 d. M1 B- V, k9 Y6 [# F
document.execCommand5 s' X+ w+ I% s" L
窗体COOKIE ; `6 I* z) k j; k0 T
document.cookie
( R, I; H! h. p. Q+ S, h菜单事件
$ C0 |' N- q$ I9 gdocument.oncontextmenu: a3 h4 p: `. h# v( n
创建元素
* T( ^, H% r% y7 y$ idocument.createElement("SPAN");
( C0 o. ]( b$ |2 U根据鼠标获得元素: & K6 |5 p' r0 V! B2 G: P$ I& A
document.elementFromPoint(event.x,event.y).tagName=="TD
4 D0 \5 D, w) adocument.elementFromPoint(event.x,event.y).appendChild(ms)
4 z+ M5 ?! K- y" ?: K窗体图片 * `9 r3 I% A% `
document.images[索引]
) B3 P! r4 _ A- O. d窗体事件绑定
, {) {8 ^ f/ bdocument.onmousedown=scrollwindow;$ i) r5 T8 m. f! A$ }9 M0 |
元素
# {. Z9 Z; P1 W+ D/ zdocument.窗体.elements[索引]
/ P8 |. m! u+ X; h7 z/ C8 S对象绑定事件 8 Z) O! ] H8 u* j& _! @& c! }
document.all.xxx.detachEvent('onclick',a);
# w3 }1 I; |# [' z: Q( \插件数目 7 B( \, E/ G6 B/ U' ]% q8 G
navigator.plugins
3 K: k2 [1 B+ r1 n9 l s取变量类型 & a. q2 _9 V. d. W% _
typeof($js_libpath) == "undefined"
& h2 |0 w3 g7 Z/ J1 o下拉框
{$ X3 D2 X7 _下拉框.options[索引] % X( d0 }! |6 U; n
下拉框.options.length
! }( v7 ^7 F! q9 S/ O8 ~查找对象 4 Z6 L) c: e7 [/ l! w
document.getElementsByName("r1"); 5 }4 \# }. ]8 f3 T8 l4 [/ g
document.getElementById(id);* Y/ S, S' {2 J4 n- n* q5 y
定时
0 D5 M0 z& v+ r6 V; T3 t! C$ [timer=setInterval('scrollwindow()',delay);
" _5 P2 j0 N, N" Q0 Y$ K" K9 aclearInterval(timer);. t% G; ~+ S9 K
UNCODE编码
% _5 s" |- G2 N9 }& P- Cescape() ,unescape
! y1 n M+ j2 U& K6 i% b父对象
! \( b. a$ _5 m* Y' Sobj.parentElement(dhtml)
8 U. r5 e% ]; U" Yobj.parentNode(dom)
! T( Z4 \" S: H o; s* D交换表的行
5 M# N* B$ _8 W2 B9 O% U" {0 N6 cTableID.moveRow(2,1)
$ _( M, r6 m- J# _3 m4 P, x. L; \0 T1 O替换CSS * @$ t1 o3 ~3 `9 B3 H' K
document.all.csss.href = "a.css";8 h" q5 k% r5 V/ T9 ^9 Z, r8 q
并排显示 + P# O' d" Z1 a+ f
display:inline B" N8 @5 A v }
隐藏焦点
- r B/ ?: I1 q! D- {hidefocus=true! k& k* j, f( Y! R
根据宽度换行
+ M0 z& n* x5 p' n& P7 Kstyle="word-break:break-all"
% @* N8 W; I4 }+ `8 ]& b自动刷新
. s V7 c% |! s$ F+ @# n<meta HTTP-EQUIV="refresh" C>
4 ]) Y- t) P7 y# [+ c简单邮件
6 ~% S9 T3 W. U0 \. S<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> / S" W9 E% p. j8 o% e. w
快速转到位置 2 D' ^! j, {, ~: D. ]) @
obj.scrollIntoView(true)# ^: f+ _# ?* t1 s8 O' x
锚 2 J8 l, q0 r4 m- a
<a name="first"> / C, q% ]; C4 d/ g) Q/ H; v
<a href="#first">anchors</a>9 t, i8 l# @* \
网页传递参数 * G/ g, Y" t2 r: w
location.search();
- Z% U. B1 f5 M4 K4 H2 j# w可编辑 - P& u" a& R; @+ c4 U; z
obj.contenteditable=true
$ d! Y* @ O% d* U执行菜单命令
" D' S5 |% X" [% e% yobj.execCommand
) Q0 f6 R$ A% r$ K, N* X& G; T9 f双字节字符
# a& _; z: D/ |* V/[^\x00-\xff]/ 5 C! s( _& ~8 Z' l, N" ~
汉字 8 b4 @0 d* e) D8 O% Q0 P) t
/[\u4e00-\u9fa5]/, A4 r( R% k, y+ ]; \3 b6 G6 g: O
让英文字符串超出表格宽度自动换行
- ~- {/ E* b8 w0 z0 dword-wrap: break-word; word-break: break-all;
6 h/ R; w9 ]9 T t透明背景
( u+ |3 Q. z# G; ~) P Z. S<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>( [: u6 ~- d" F+ ?
获得style内容
( u" O+ L4 ?3 }obj.style.cssText
: s/ \# L/ W1 q( D6 B5 {* B! g3 SHTML标签
: ]& d7 [ Y8 j C! udocument.documentElement.innerHTML
! T9 w+ Y# j! d% T3 V; t* X7 M% B; i第一个style标签 9 p5 f9 p" ` |
document.styleSheets[0]. s, E: c$ V" r
style标签里的第一个样式
+ t# C( Y' L5 O# R# b3 Y- X y) udocument.styleSheets[0].rules[0]8 ]: x2 g# P) }$ L$ p
防止点击空链接时,页面往往重置到页首端。
/ {9 H7 L' s9 u1 j& D; _<a href="javascript:function()">word</a>
8 E* y5 M7 M8 o/ a2 S上一网页源 + C' W1 T2 D9 L. d: Q, u
asp: / X# S, P( E& M6 d1 @, y
request.servervariables("HTTP_REFERER") * m& P" x, K7 X% O* U9 Y
javascript:
: w% s0 I0 H& [4 \; \9 @/ cdocument.referrer
5 P, V0 Q7 x6 |. R& L释放内存 ; f$ }- ]: o' J) O v; C
CollectGarbage();. u. F6 H; e9 ~0 }5 v
禁止右键
9 e9 l4 v9 M5 l- K2 p5 l) D0 \6 R7 _document.oncontextmenu = function() { return false;}
; o4 Y" `1 o1 Y禁止保存
3 N/ B4 ~$ M; u, \" C<noscript><iframe src="*.htm"></iframe></noscript>
/ E2 s) P' M% ?& { _/ m禁止选取<body Shortcut Icon" href="favicon.ico">
) Q* J, V& U# p8 ^4 j% R' F4 A- Yfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
6 j- M+ V2 D3 o" l6 ~7 ~2 Y收藏栏图标
# L9 ?+ C V% \ R. P3 b7 d<link rel="Bookmark" href="favicon.ico">9 J2 F1 o0 z7 w* J: S5 z" L3 S
查看源码 5 }, x" B g p& h: f, w
<input type=button value=查看网页源代码 >: e- i& w5 K- W& `! f
关闭输入法
6 y! h% A: t. x9 r<input style="ime-mode:disabled">
! _) G B$ C( c0 H$ l0 p自动全选 % ^' s( Q, ^* H; Y6 U! Q% d( ?
<input type=text name=text1 value="123" >
; k: s6 w" j5 ]ENTER键可以让光标移到下一个输入框 9 M. f8 g; o, V) v) D& i
<input >
5 Y" p4 b5 m2 W' E" A文本框的默认值
9 n( N) L: [8 F+ J# ^" m( ~& }4 B<input type=text value="123" >
0 @4 R/ V6 Q0 E% _* _7 Stitle换行 , v' Q! b0 f5 o* p8 e
obj.title = "123 sdfs "! f0 m, J- e7 l$ o
获得时间所代表的微秒
; t2 X& L) S: |, [var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()4 i. j. y! l' n) ~ G, L) L5 ^* h
窗口是否关闭 $ U& M2 n- t: E: _
win.closed
( y# n8 ?- V( x7 x/ B
- g( Y. V" `1 a0 v# l8 Echeckbox扁平 1 ?" M: `- {# q/ k
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>7 W f* g. A& o, L, @5 Y1 d
获取选中内容
( I( L5 M+ ?9 i# Bdocument.selection.createRange().duplicate().text7 c# _9 Z L& b; }9 h
自动完成功能
1 k* k8 {* L' J8 a( E<input type=text autocomplete=on>打开该功能
) v+ C$ Y1 g, I0 F( f<input type=text autocomplete=off>关闭该功能( ?) k0 \8 l5 B. W, u
关闭窗口
5 ?0 |2 o* E5 r/ t6 ]window.close();
: Y/ K p2 v- P8 Q返回: S$ j, U% O( i+ L. y4 Y# y
history.back();$ g. T3 u7 x. R: B# Q8 R& J
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");# h w0 W( ^ T/ {4 p% c
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) - x9 c) O* x! s; ^; @" Y0 b3 y
encodeURIComponent对":"、"/"、";" 和 "?"也编码
" A- i" A( O7 K, P7 H' g& B. v4 Y5 X1 \
' T3 o: j+ `5 \; y+ _ I
/ }9 S4 F1 C5 k |
zan
|