TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 ) i/ a. Y% W& e$ e$ _
event.srcElement.tagName 1 Z# s. |+ R1 `6 ^4 H+ P: t
event.srcElement.type
. T& B/ z G' O6 v+ \1 `3 F% A4 z 4 @8 X1 L3 ~* t. m
捕获释放 : i% s7 f7 K- S* c* L/ y0 `: K. [' L$ E
event.srcElement.setCapture();
% }. |( a& |, X& v, ?! B5 E& E' Z- ?event.srcElement.releaseCapture(); ! B) _- R0 b+ @' n
事件按键 n, Z( [, F& N, h
event.keyCode
7 l, `0 `( R: U( D9 |- I- eevent.shiftKey 0 P. W6 u4 m4 k+ y' R4 g2 T! }0 ]
event.altKey
+ g& H+ F1 V$ `& m) D1 Ievent.ctrlKey
( y0 ^9 f% h9 B' h事件返回值 ! G# w4 g0 n$ o( w5 ~$ p
event.returnValue
* P; W7 C" F( E3 M* f0 C2 k. l* f鼠标位置
% d9 \: L9 T( p& D X1 aevent.x
/ v, o: \5 u5 v! S6 X9 Cevent.y
' J1 b! e; v/ Y7 N: Z# O! e% k窗体活动元素 - h& F! v7 C% E8 ], f( n& ]
document.activeElement- q( N# Q! m- b/ S; ]. w4 X# v7 [
绑定事件
# C+ ]6 l7 A) s# f1 x' odocument.captureEvents(Event.KEYDOWN);
9 N; j9 o y3 {, O0 D M+ r访问窗体元素
5 r3 S$ X& r+ @, J- f7 Xdocument.all("txt").focus();
, r1 R. }0 ?* K: N' A) Ndocument.all("txt").select();
/ Q/ Z6 d5 D$ `: b) X$ n窗体命令 # R5 G/ u6 N3 G, ?0 l& l$ I1 |6 v
document.execCommand) B I, U7 Q5 C) f% o
窗体COOKIE 5 G4 m9 L7 |$ |! l& C% @! b# l
document.cookie6 M5 s$ ?! T- u5 m3 L6 T( P
菜单事件 $ x- g5 f8 a; B9 _" D r6 R" Q7 W
document.oncontextmenu
" E: O9 }: f5 n+ f7 a7 o" G! r创建元素 2 o6 G2 M1 d6 Q
document.createElement("SPAN");
9 r5 C4 f* J/ }) X! S) ]根据鼠标获得元素: + B! O3 K w4 a8 B8 V0 J, A
document.elementFromPoint(event.x,event.y).tagName=="TD
& \* g( i1 W8 T; e, }2 V7 i: qdocument.elementFromPoint(event.x,event.y).appendChild(ms) 0 s' e1 v0 F) |* ~& G4 b7 f# W
窗体图片
! _3 ]& O; H: @document.images[索引]
! ], ^. |8 f. E( q+ J# t9 l窗体事件绑定
. ]9 F/ s! d6 o; b" Odocument.onmousedown=scrollwindow;8 b* u. i& }8 Y
元素
0 M' @: q1 w: R7 S" \$ Sdocument.窗体.elements[索引]
1 h& U4 O# O8 o对象绑定事件 ! s' w3 g3 D7 z: x) ?: I
document.all.xxx.detachEvent('onclick',a);; l2 ^' G3 I$ f! H' ^
插件数目 0 [4 T6 L2 H8 k7 O" L6 p8 M% C
navigator.plugins: e/ S* j, o" a# a t9 |
取变量类型
: u6 Q& Z" M( e- B" x* L7 |3 _2 z; Htypeof($js_libpath) == "undefined"
" Q( p% V6 a, h0 V9 W3 B @下拉框
: ^- w) a0 I( h5 x; h下拉框.options[索引] * O$ U; Y7 V# \$ ?4 Z4 B' a
下拉框.options.length
9 y; C' w) E! M0 C查找对象 " _, C$ r. c1 D$ v9 }& C# E
document.getElementsByName("r1"); 4 `6 R# r3 H; I" Y$ U( i
document.getElementById(id);8 \5 W$ J- R/ a _ Y
定时
/ h/ k) s' s* U- u: K! M( v4 stimer=setInterval('scrollwindow()',delay); . P8 ?6 R) Q0 r2 T8 D1 {
clearInterval(timer);
7 g$ O5 x% w) h$ m9 ?+ rUNCODE编码
d* c2 i+ j, \3 c9 z0 q. g" j" \escape() ,unescape. C# M* r1 \: J, `( M4 _' I
父对象 & i; J7 j- S1 G, M' V3 K: u
obj.parentElement(dhtml) # c- c" S: e- \5 P
obj.parentNode(dom): d: z& Q0 s% Y: r
交换表的行 ( b: x, d/ x8 f9 X" h' ~' C
TableID.moveRow(2,1)
4 O2 M& C* X( L7 J4 Z替换CSS 9 ]7 t/ Y; G! U6 H. q4 z
document.all.csss.href = "a.css";
4 T6 n& W3 X0 f% p, [+ c4 I并排显示
4 u9 A8 P1 `" Q! s1 S% Sdisplay:inline
& L! B! P2 v% T5 _% Y E( G% ?1 m* [7 }/ A隐藏焦点
1 k, a: f& W+ ~( D* O( Z) [0 Rhidefocus=true. G# Y/ p: G/ V* z$ V
根据宽度换行 $ U, N9 H1 Y# c% O, a
style="word-break:break-all") f7 H4 n8 i! |
自动刷新 ; i$ l! ]* F6 M2 D) r
<meta HTTP-EQUIV="refresh" C>- e, J* G1 }0 [" f( L
简单邮件 5 O/ M: C6 P; W1 u( s- ]
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> - W5 g8 B5 T; X" X8 h2 n
快速转到位置 * G, w9 C) x s: |
obj.scrollIntoView(true)* _9 d2 u* F3 q" L, H# d
锚
, M# { g3 N" }; h& E, F<a name="first">
. \. Y/ `9 }% ?4 q5 E, f<a href="#first">anchors</a>
1 l$ U/ Q9 Y6 D& g9 ]网页传递参数 / X; W' d1 t/ y& A
location.search();
4 L: r: i" M5 z. j5 B可编辑
6 ]) x# \! H4 m* } t; f) u4 E4 Iobj.contenteditable=true
2 w, q& E' f$ @. D! _: q执行菜单命令
3 w8 P `6 e( _: Dobj.execCommand
6 x4 x5 R Y. b; m7 W双字节字符 # ~# w5 b$ q5 w) `, \) z7 F# A
/[^\x00-\xff]/
. n+ t8 |- L2 a6 \$ i. m汉字 . f! d( Z0 }$ X. p( R
/[\u4e00-\u9fa5]/
U: ^3 y% x7 f让英文字符串超出表格宽度自动换行
; C) g1 H0 F! a8 tword-wrap: break-word; word-break: break-all; ?& f! T4 n2 V$ u5 C
透明背景 5 w' y# v% u4 F4 g' e" J
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>( j* C/ s8 ?' E1 B2 @
获得style内容
X$ W) y c+ h ?( ]. h" fobj.style.cssText3 }! T( e5 W: R: N" b
HTML标签
8 U& L+ C' W% |- I( Qdocument.documentElement.innerHTML
8 K5 K% S& p# ^0 E2 T7 i第一个style标签
- P/ t7 x" N* O9 h9 f* b0 I8 Cdocument.styleSheets[0]
' h1 w8 h: D' p4 ustyle标签里的第一个样式 6 B: L6 ]7 ~+ y
document.styleSheets[0].rules[0]
7 |. Q! n- ~9 @防止点击空链接时,页面往往重置到页首端。
; y# q' s$ t0 B7 @' G<a href="javascript:function()">word</a>
. h4 u0 w9 I( W1 ]) g上一网页源 g. P& ~- h @0 C3 Y g9 M" L
asp:
1 f9 a4 o: e1 _. t# K0 `request.servervariables("HTTP_REFERER")
# y P, }& D) L, J2 I8 m4 ], \javascript: 6 ^: a$ H: W( p* H" `4 K# |& o* u0 B
document.referrer# }0 i& ^+ M9 Z- A- B3 q
释放内存 1 W8 D/ S# J3 E1 E6 K! y7 r; o. U
CollectGarbage();* Z% j3 t+ W/ J3 `, f
禁止右键 5 H0 C) p: y2 o6 o, ~/ \
document.oncontextmenu = function() { return false;}3 q; Q& D/ P( i- N) x+ ]
禁止保存 / R j7 T; b5 B" s( G
<noscript><iframe src="*.htm"></iframe></noscript>
6 a Q' x# {; d3 ?: _& |禁止选取<body Shortcut Icon" href="favicon.ico">
( P! z$ R3 L) |2 }# E7 s* J3 Tfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
! u; E, Z" c, U# P* A收藏栏图标 % s6 v, o9 X& b& [
<link rel="Bookmark" href="favicon.ico">, l+ ~7 o1 w" P q8 L0 O1 |' Q B
查看源码 6 M; B# B' Z4 q% a; x2 ]
<input type=button value=查看网页源代码 >
- J& [8 x" C' e! U4 ~关闭输入法 ' t; l5 X* ]1 R
<input style="ime-mode:disabled">
$ t3 R t* _# C自动全选 # i) o' X! T3 Z. _/ w+ a# L
<input type=text name=text1 value="123" >- f/ T0 T, O7 H$ f5 N: Q& p
ENTER键可以让光标移到下一个输入框 # g) R3 o0 ~# w' E. E9 o+ i
<input >
: Z, | B1 l, N" Z1 L文本框的默认值
( Z* X! w, E9 U }# j7 L<input type=text value="123" >3 B2 n, q( T. W
title换行 ; J+ a; r& [; x6 j" X; A
obj.title = "123 sdfs "" S0 P9 ^& u$ ~0 W9 `0 m+ V
获得时间所代表的微秒
' o4 \& `( r3 h) ~4 F, F- {% Yvar n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()+ q. h7 i1 k' S- L+ C) Z5 \1 d* n
窗口是否关闭 ; @, J( P8 B q; e% o* {
win.closed
0 o6 u5 m8 E" f2 R, D6 e" R
! O% v1 u; D5 |- N& z7 t( D& _( k- ncheckbox扁平
; C) ^2 U" {; D) L1 J6 x<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>; c2 }& v0 a6 Z
获取选中内容 1 H: E* h6 ^/ J7 s3 r6 E/ d) {. l8 v9 }8 y
document.selection.createRange().duplicate().text
; \% C; \; H( @5 O; U自动完成功能
$ N6 ~' ^# N! ?; X7 Y0 [: B<input type=text autocomplete=on>打开该功能
% }6 u4 U$ z& Y0 @1 A6 D<input type=text autocomplete=off>关闭该功能# y/ j0 G4 K$ s5 Z0 j
关闭窗口
; c( V5 p4 J! Y9 n. o% q1 Nwindow.close();
. K" C: A- a& {: D3 W0 R返回
+ |* r `9 W( e+ t" B7 zhistory.back();3 L8 @# T( W( q. T
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");) I) H* o# b2 s2 p: r
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
$ I8 D0 b! m, SencodeURIComponent对":"、"/"、";" 和 "?"也编码
! N7 w3 ~, A& ]4 q
! a/ ^3 b$ o& z7 L6 X$ G
+ r/ F) z: u7 e6 m ? o X( ^* T- P! _
|
zan
|