TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 5 `* O7 i" K3 a' P n
event.srcElement.tagName
! Q' ~6 Q! c) p8 S+ C: K$ Bevent.srcElement.type0 E" r8 R0 g! b+ }
- Z |; R* M8 y# U, T捕获释放
( R" P- M r* ]. _- ~8 }, Q) Tevent.srcElement.setCapture();
3 h. n8 ^! K7 f) O5 N& t! I2 tevent.srcElement.releaseCapture(); & E5 V0 n+ m# ]4 P% y; n; R
事件按键 4 a2 `* N8 x' E( r- o1 t
event.keyCode
) g+ z" v. K' J. w: A+ revent.shiftKey
) g3 f! D1 g2 ~* z; Y; ^event.altKey
9 p! ]3 n% D& }# A5 p9 ]event.ctrlKey
) T+ X' f. E. Y' B事件返回值
) ]' u1 M& ?- U, uevent.returnValue
0 R/ O5 A$ N# f0 J Z鼠标位置
6 U8 U* w! H# {1 x% devent.x
& R0 q) H( N6 x j6 I2 a4 m" devent.y* A. y# C6 S c
窗体活动元素
" }. j, Y) j. Ldocument.activeElement# [5 x5 J+ y) W& N" W
绑定事件
; M/ D8 f0 C& f8 T: Z* _, ~: Idocument.captureEvents(Event.KEYDOWN);
" A, D, P( P, o+ U8 D访问窗体元素 $ }! s7 o% @1 m6 X
document.all("txt").focus(); 3 I: [1 ~* v+ o9 ~' x* T
document.all("txt").select();
# {& O" z6 `5 g& O8 [4 I" n8 a( j窗体命令
8 L1 J% }& e, k* I7 c( idocument.execCommand
* E1 R5 Z0 h5 C* o7 P9 E2 z窗体COOKIE ' @, l8 f1 j7 i# S
document.cookie& V; Y* O I _) m0 H& m/ L6 X
菜单事件 ' I% f, @: [$ B% ^
document.oncontextmenu
5 ~2 E6 ~" u6 q' C% Q创建元素 ; _! @$ o; ~& K7 y$ c& _
document.createElement("SPAN"); 1 b2 R! G0 d" y9 S$ ]
根据鼠标获得元素:
, z) H$ O- |/ V% Tdocument.elementFromPoint(event.x,event.y).tagName=="TD 1 z- I' \ Z0 o1 }/ I6 X0 B; p
document.elementFromPoint(event.x,event.y).appendChild(ms)
7 n/ R: I, R" W0 v窗体图片 1 W; p/ _- X; j, M
document.images[索引]/ b! S- i; i& S- _& f$ i
窗体事件绑定
% |8 C5 n. q$ g( s) bdocument.onmousedown=scrollwindow;
5 @8 Y. S7 _/ I2 r3 m `元素 4 A5 `/ t8 \: S3 C+ O! C% k) F8 O
document.窗体.elements[索引], t, ]) x$ Y5 \
对象绑定事件
5 H3 t# E! C- J4 o8 ]. X" x9 Bdocument.all.xxx.detachEvent('onclick',a);
% g' T0 e7 h6 `插件数目 ( n7 i0 _) `9 I% v5 v4 @2 h& O
navigator.plugins
1 M' p, Z3 S$ z( S2 Z+ B取变量类型 , G9 w# l; B: ^/ e. h+ e1 N
typeof($js_libpath) == "undefined"
* M9 a4 x/ j h4 m下拉框 5 H, |( J( L' Q; p3 J1 \! V% L$ T. G
下拉框.options[索引] : o: c* i1 n# z9 _
下拉框.options.length
8 E, S( r n; ]9 ~- e3 {: n查找对象 + }' v' ^. L6 h* ~1 X
document.getElementsByName("r1"); # `% U4 f) p6 m0 p7 X; n( ? ^
document.getElementById(id);
4 R; j; H8 d" z& A& u定时
+ Y- \, U# i" Z: K9 j6 a7 H otimer=setInterval('scrollwindow()',delay); # `. Y7 l9 w0 }; ]
clearInterval(timer);$ v# r- s% q; t, _
UNCODE编码 & i% @4 v7 n0 v6 n0 v; z
escape() ,unescape
' b4 G. u8 G9 D1 m9 `3 d父对象 8 M+ D7 T( {4 C
obj.parentElement(dhtml)
5 i7 s, W) I& H3 e& P3 @obj.parentNode(dom)
, ^ Z8 B' p+ q/ I5 b7 P1 k8 g交换表的行 " B/ ^1 w- t- K
TableID.moveRow(2,1)* T3 s$ X7 U6 A/ O) \
替换CSS % o6 M2 A+ v' V( R0 Z
document.all.csss.href = "a.css";
' g; H( m) g8 G1 b& s$ l5 s并排显示 ) n' u6 ?% @! h! W$ g( b
display:inline
( [. `: m, r N" E6 }隐藏焦点 . D- Z" D% |! w. s
hidefocus=true$ L" i+ h' w6 P1 R8 J& i" l3 O7 _, M/ p
根据宽度换行 , }% a0 z- J) W% F/ Z& a2 H- F) ?
style="word-break:break-all"9 q. o5 L( U7 A8 K/ A% w, y
自动刷新
- z7 P5 p* l" k F9 c& p- _/ `: ^* F<meta HTTP-EQUIV="refresh" C># k# ?* g+ ~/ [ P( ~
简单邮件 + n4 P7 Q# c! ]5 ]/ t' t) y; [
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
$ p# ?* y" \) {9 e0 R快速转到位置
. w5 ^" y. D9 _) Pobj.scrollIntoView(true)
: o' r4 B" \( _锚
X, }7 N# A" q% Z; P0 q<a name="first">
! V) }3 [: G$ I( ]; M/ ?<a href="#first">anchors</a># ]- x$ j+ j: b) R. u! [6 Q; u$ `
网页传递参数
* I# t: B7 _" I0 M2 @location.search();6 J$ u0 R. I1 X$ @* w6 E
可编辑 ; _9 I# h" h' a( p9 H, ^
obj.contenteditable=true
6 Y$ D, H- ~$ R2 x执行菜单命令
6 _8 W4 Y1 i# Z/ Oobj.execCommand
7 ^' X; N$ t. b9 L: g3 g双字节字符
# l; k& T7 Y" E( o8 D/[^\x00-\xff]/
, q; A9 H; T3 a1 S" C9 x' X( A% V汉字
# a" W8 t7 h2 H* f& D/[\u4e00-\u9fa5]/7 {$ k1 q" l% T) Z0 c: V6 p! t9 I
让英文字符串超出表格宽度自动换行
; M+ C5 e. [ l% x' X- \; yword-wrap: break-word; word-break: break-all;
9 E2 z2 F2 W) z4 b透明背景
( n8 {# M( g6 i/ u<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>4 ?) n0 i- Z" r* n) ?- S" I$ ^! r
获得style内容 4 E8 F' R4 K1 v W. I
obj.style.cssText, Z& } D: s% u0 @
HTML标签 + I; n& q5 S1 U
document.documentElement.innerHTML
, v- i6 Q7 h3 G. ~6 g, O第一个style标签 7 ?! F: g$ c5 f. G
document.styleSheets[0]
3 T0 b+ {! b- y/ H0 u2 nstyle标签里的第一个样式
5 ~% M& E6 y, N% t* w; {document.styleSheets[0].rules[0]; N' c% E F, g( n5 S% {
防止点击空链接时,页面往往重置到页首端。
. |; w6 e: @% B<a href="javascript:function()">word</a>/ T7 i5 b! p( f9 Q, z7 ?
上一网页源 ) W+ Y0 x- h& G i: }
asp: 2 J- q F2 f b; i6 c5 K7 m9 X
request.servervariables("HTTP_REFERER") . ^% e7 {8 w2 [2 q/ y2 J1 ~
javascript:
- s# O/ q0 y: s% d% _document.referrer
4 | S( ^' P" t9 v2 h6 N释放内存
0 B! T; F. E& eCollectGarbage();
. i8 [% q* N& ^4 f禁止右键
7 A* c) }& E% D3 b* Hdocument.oncontextmenu = function() { return false;}3 K4 L; Z0 i2 h9 W" A d9 F
禁止保存
0 d/ Q) i( \6 T<noscript><iframe src="*.htm"></iframe></noscript>: p7 S* m5 H6 p |" J- a& y! u
禁止选取<body Shortcut Icon" href="favicon.ico"> 9 x+ B7 O' X4 G6 Y1 I
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下' o7 G. o* @' T. Z( {
收藏栏图标
# V3 ~9 E8 W4 ?/ r- y<link rel="Bookmark" href="favicon.ico">+ E5 q5 B; H6 O( _) d5 l+ q; ]
查看源码 5 V2 J% s+ r) m$ n y1 g; \' Z- e
<input type=button value=查看网页源代码 >
) L4 ~$ |2 O2 A5 e9 J$ o# Y关闭输入法 * R- x Z, c6 E. D7 P
<input style="ime-mode:disabled">; h {+ W* o0 x% v/ v' n+ A& M, p! R l
自动全选
2 K" r; ]9 w4 e7 ~- U) w<input type=text name=text1 value="123" >+ a4 b( h0 W" M5 m, X' o7 ?
ENTER键可以让光标移到下一个输入框 # X; ^" Q/ a$ n; {; I& J* `- F
<input >
" i" o5 L& P* l4 v' k0 w文本框的默认值 4 M% {! i* v; k
<input type=text value="123" >4 a/ r, E ^1 ?1 S
title换行
o1 M. p0 B8 ~3 B. j$ zobj.title = "123 sdfs "6 u" V2 b P4 _& B5 o
获得时间所代表的微秒 ; O0 Z2 [ P9 E) S# V
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime(). n9 @+ u: T$ m
窗口是否关闭 ) ^4 `" c j: {9 M/ H" I/ o; C
win.closed
# x; B6 M3 p- g4 _
; s6 {# O, y3 ?3 T3 Q3 w8 `1 o: l; y" Xcheckbox扁平 : O( |: Y& Z- ~$ Z& b+ r0 L5 l
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>7 k2 [7 q, M0 ~( w
获取选中内容 9 Q; h7 W: n, q- h6 L, _
document.selection.createRange().duplicate().text+ h% o: h' o/ s) r1 E; \
自动完成功能
& B* R! |1 ^- R<input type=text autocomplete=on>打开该功能 $ i* S% W( R+ f5 T( [" x
<input type=text autocomplete=off>关闭该功能
9 y$ | }7 K* e3 A( }6 N7 O关闭窗口5 T+ l( Q9 H5 c6 p0 N) ?! R4 l
window.close();6 P7 P: B" Z" g# `( B" m% x# v7 b
返回
& |! L, U# F( q9 f; L5 mhistory.back();1 C8 R# \& Z( S$ k2 [" }* _- X6 ~2 R4 m
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");( T: @/ Y3 x- s) T) m0 K
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 0 Q& x2 R! V( e8 G9 ~- X$ ]% a
encodeURIComponent对":"、"/"、";" 和 "?"也编码+ W; k4 e, V9 {
7 T, S7 x; k* c- @6 o
" ~2 E! ]' e0 Q1 I ]2 L! O
. e/ t: H* e. W/ W/ Y" m |
zan
|