TA的每日心情 | 奋斗 2024-7-1 22:21 |
---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象
6 d! g" m2 t6 i6 z) Z/ `; w9 uevent.srcElement.tagName
8 [0 o1 [8 |" z7 Y. }event.srcElement.type. N' `2 J3 P& T6 r5 E3 h! E, ^
1 X* s6 ]1 w* ^
捕获释放
1 H' B7 r2 L* N) Cevent.srcElement.setCapture();
9 x3 Y: K- o4 H# f: k: k3 H% @) C" Ievent.srcElement.releaseCapture();
G) t$ r' G) p4 j, K. ~8 J事件按键
- `" d: [/ c- y; x' v" S0 aevent.keyCode
# V- o9 [2 z; C, B% x: F5 cevent.shiftKey - l. U: b% _; n
event.altKey
9 E% {" C j9 x$ \6 A* Nevent.ctrlKey! e# T! @* w# H7 m8 d$ H/ }
事件返回值 . @" R% x) ^1 Q$ X. M" l
event.returnValue0 Q! d7 c, O2 ~
鼠标位置
4 Z3 l+ @5 h% h; w7 pevent.x 5 n# u% ?" q/ y- k+ @" {: `' o
event.y4 w3 P# a; C) a- [5 l( q9 p6 P
窗体活动元素 : l! |/ X7 Z# M8 Y* a% p* P
document.activeElement
1 ]' D: z2 v/ O; s. }绑定事件
" b3 G# b& e* q: b4 ]4 E" [0 Zdocument.captureEvents(Event.KEYDOWN);
* P3 P1 }3 r+ ]* g/ X5 v1 }) w访问窗体元素 ! ^; y5 Y7 _9 s3 Q- r: j
document.all("txt").focus();
7 \9 T/ I4 P- K( R4 ydocument.all("txt").select();
5 B' L& Z' H) q! p+ B, U' c窗体命令 3 i: k7 u. c' z! L) U" [
document.execCommand
0 z9 b) {, n% ^8 S- D7 ~; B窗体COOKIE $ q* R: m: h' b. N0 V$ r" m
document.cookie; ]4 N7 Y' Y; x5 A7 R4 v
菜单事件 ; m$ r6 _5 i- l, ~
document.oncontextmenu
/ T# s( k n; G1 j+ h" M- U创建元素 & l) t5 N {0 S. \1 {' h
document.createElement("SPAN");
* m0 f1 f$ u/ C: m8 h4 ~根据鼠标获得元素:
/ u$ w, ?( O, L3 y' R" ?* Odocument.elementFromPoint(event.x,event.y).tagName=="TD , u! W" B" n& ?! ?# f, f
document.elementFromPoint(event.x,event.y).appendChild(ms) # ?1 T3 C* H: h9 g# ^
窗体图片
4 b, c( y' F& b! U& Q# Jdocument.images[索引]
" P0 H6 U) g2 s! M窗体事件绑定 4 @- @4 T5 g' x* e9 ~# Y+ x
document.onmousedown=scrollwindow;
( P; \5 X0 s' v' R元素 ) ~4 L$ U8 g. `1 L* k0 w7 s
document.窗体.elements[索引]
/ [% ^4 \- S* i* b对象绑定事件
/ n% j- t4 |- x& T0 u$ M6 Ndocument.all.xxx.detachEvent('onclick',a);. y4 ~% L7 C+ X& g: A
插件数目
$ b7 K' w% d( T2 |9 r% v' H( Enavigator.plugins
, i4 S* T% {' m k& q# c, Y取变量类型 * I* p6 A: m6 H. \+ u
typeof($js_libpath) == "undefined"
; R+ ~2 ]9 Y+ Q# T( e& v下拉框 7 P+ b# U; t4 n: o8 r2 G2 w9 R
下拉框.options[索引]
) d2 P9 V/ `, E' F下拉框.options.length' j9 K, m N, N) S- }* o
查找对象
_9 J3 z+ [2 K5 S8 kdocument.getElementsByName("r1");
_2 Y% |1 B1 sdocument.getElementById(id);
- s$ R: |# E) [' ~: y定时
) Y% F- q- K. gtimer=setInterval('scrollwindow()',delay); $ n4 r% G& C1 s+ ]% J8 u6 {7 u
clearInterval(timer);
8 k! P* m9 X. `5 z, {UNCODE编码 " v' `3 r: g/ [% l. q! Z' T( n
escape() ,unescape' K+ {, _/ }9 F4 b+ i- M* I
父对象 , @* { S/ t# m+ \8 p. ]2 m) e
obj.parentElement(dhtml)
6 O& }; i1 h8 Z! b7 P! J2 Dobj.parentNode(dom)4 s3 L1 o- x; z) Y) m |
交换表的行
8 Q, x; |7 \6 d; A0 Z gTableID.moveRow(2,1)
! \: v7 V) x7 m& T替换CSS
1 ~ t( e( L( O+ l: A/ c; j9 idocument.all.csss.href = "a.css";4 A7 D1 B' |. W/ J: h
并排显示
% W/ z% x9 w) ~( xdisplay:inline% p' z5 O& `* x
隐藏焦点
* s! b( z- S7 G' k% H9 uhidefocus=true
7 s, `& ? y7 s1 y2 E) W+ {* T" S+ B4 e根据宽度换行 # w! [. ?3 T4 ]" ?) B5 Y" k
style="word-break:break-all"
" r9 W7 u4 @1 ^% I自动刷新 8 j/ `6 x% m* M8 H
<meta HTTP-EQUIV="refresh" C>0 {7 `7 G# u* l2 h
简单邮件 4 {0 D/ G% d. A) V/ F+ ?) W1 B
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> % ^! G* t7 F3 A! L# |2 G
快速转到位置 ], l0 t: B: s1 N) l4 u: k+ o* K
obj.scrollIntoView(true)
: R* ] T8 A' _+ @! R3 i* s锚 ; D" c' m6 t9 |7 {
<a name="first"> 9 i( `# M+ c" F, G: Z: O
<a href="#first">anchors</a>7 o# a. G$ ?4 T# {! l4 b0 t
网页传递参数
- s/ q- i+ x# _( d7 u. e- Z* Blocation.search();7 q0 |$ W+ K% E( _
可编辑 / w- e1 Q* x t# o
obj.contenteditable=true
2 p/ Q6 H( t' |* c执行菜单命令
6 t# R. q6 G/ e# Kobj.execCommand; J2 g H! O( y5 n2 `2 l
双字节字符
' {5 S7 x/ w+ ?% ]+ l8 o6 x/[^\x00-\xff]/ . ]0 ^. o6 J; @5 W$ c
汉字 ' E9 k' m2 R! E$ B) M- f
/[\u4e00-\u9fa5]/
: t$ V, ~7 f( Q9 l2 X让英文字符串超出表格宽度自动换行 5 O/ e$ }0 C( e8 ^! Z; s
word-wrap: break-word; word-break: break-all;& w' g" Z" X( M6 E) p
透明背景
& c+ s8 I3 J( W/ h& d) D<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>% k! K- E" [3 r+ M! ]8 l& M
获得style内容
( S3 F" @+ m# f, x q: {. x" P$ Z% eobj.style.cssText
& x3 o9 I0 x6 T7 k% }HTML标签 ! h* F( Y8 l. R% }5 l
document.documentElement.innerHTML! g1 t$ n% S! o# Z( @
第一个style标签
5 }7 }1 v9 [" J" e6 z/ ~; y' Adocument.styleSheets[0]
3 y% k$ M9 l2 @style标签里的第一个样式
, i. W" N1 a" \1 f- k2 @- s! zdocument.styleSheets[0].rules[0]& c# g* o' q3 ?( R3 X
防止点击空链接时,页面往往重置到页首端。 4 b$ `/ W! ?! h$ \# |
<a href="javascript:function()">word</a>
" ^' E( `1 [: L, J) B) U上一网页源
0 f3 ~( R, ]1 t6 f0 v( M8 `+ vasp:
7 A7 V# z; J6 erequest.servervariables("HTTP_REFERER")
& m4 {! s+ D8 H, z4 |- ^1 ]javascript: ! h0 E4 y5 N) s/ m& N* x; z5 Q, i; \
document.referrer, U3 T% Y& v( C h6 [6 ~
释放内存
1 U9 N* r3 f% v; G/ R( i) FCollectGarbage();8 e$ l5 R8 O1 w% G+ Q
禁止右键 % Z, U( V% I; _4 R
document.oncontextmenu = function() { return false;}3 E/ G. A" V( g# ~
禁止保存 8 @( {7 [7 s: B+ j
<noscript><iframe src="*.htm"></iframe></noscript>3 F1 G9 h& P0 X
禁止选取<body Shortcut Icon" href="favicon.ico"> } ^4 O: `3 f2 S0 i$ K
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
4 t1 I: r9 J5 b i* S- c$ i* X收藏栏图标 - Y6 Q/ H4 A# e0 J0 }
<link rel="Bookmark" href="favicon.ico">3 H! O1 G, X4 H1 m( a
查看源码 , I$ u+ f. Z( d8 J7 f8 G
<input type=button value=查看网页源代码 >
2 e2 j" U% m! c! G7 W* u关闭输入法
; R5 [" ?" `& F2 U! v( l<input style="ime-mode:disabled">
8 z: t2 G2 m" d2 l5 R自动全选
$ o8 ~4 F* u0 \<input type=text name=text1 value="123" >! o9 D$ H! V5 r9 Q
ENTER键可以让光标移到下一个输入框
" N$ g* a9 i1 a# ^8 [# \<input >
6 D; { i- i( \# ~2 i }7 z7 l文本框的默认值
* w5 j) k+ ]/ A8 K<input type=text value="123" >
% S6 }0 R3 u0 S) E( ftitle换行
' v* H# `) R) p/ y+ dobj.title = "123 sdfs "5 Q3 {4 x0 ]* {7 T, [$ j5 l# u
获得时间所代表的微秒 3 A, f/ [, q4 q
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()% Z0 |) l6 Y$ f8 u* H
窗口是否关闭
5 \, i4 i1 R5 R1 B- {4 H4 {win.closed
% X# T/ E! K! a; K. m5 U% V& j% \, d. }9 m: ?, i: G& \# i& l' K
checkbox扁平 % s! A* ]4 _% J6 N3 l0 [
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
0 v6 w y/ a. J, y: U8 g获取选中内容 7 I, U9 U& L! U4 S7 r8 h2 L2 N
document.selection.createRange().duplicate().text
2 g4 g# D! P% S& O9 c1 G0 i自动完成功能 0 _+ c% L2 b4 G' U0 B. Z L
<input type=text autocomplete=on>打开该功能 0 P A+ ^2 m- G. \
<input type=text autocomplete=off>关闭该功能
6 `2 z/ X$ ~" O# {) o关闭窗口1 V4 u( a6 T" \
window.close();
6 f. E5 J4 N3 i2 [" Q/ B返回
' O" O8 l: u& chistory.back();4 u% M$ E. s+ B5 g, \5 G" R! Z
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
. }! x. G, q9 I, y+ N4 Y* P统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) , {2 a+ G3 ~" ^4 B$ H# c( x% `
encodeURIComponent对":"、"/"、";" 和 "?"也编码! K! U; ?8 v3 c/ o
4 T2 o; e9 c" x# Z
6 {- E% g; m8 t( [
$ [% G1 M) j) d* c' X! S8 o+ g' M
|
zan
|