TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 + s3 T. c0 e0 H3 k$ [* a) s3 A
event.srcElement.tagName
; E, G o, G [: E( F5 x5 p5 N. q7 Oevent.srcElement.type
j0 R$ {) {" f$ d% { 0 X& t( Y9 A+ B6 M! z* {
捕获释放 ( V. A* [8 }- `
event.srcElement.setCapture();
3 f2 Q: ?/ T; o/ _event.srcElement.releaseCapture();
' r- M% f2 F* B事件按键
6 O$ K& ?6 f: I2 n& u2 ]9 ]6 Jevent.keyCode
; R' |) a! {8 U% Y5 ]event.shiftKey + ~2 V4 p, {" K: G% r+ e; T p
event.altKey 2 S/ n. v# k% w
event.ctrlKey
( A9 l9 q7 S- L# T事件返回值 ! f8 d' j; F6 e8 Q p
event.returnValue
/ X* c" w" a& W' n- U鼠标位置
2 G H" x' s- p; h) x7 Pevent.x
7 L1 T* m, b+ Qevent.y
, |% C# j! Z) Q窗体活动元素
$ |& V, J( v( W6 jdocument.activeElement
! ]$ N) N4 C% `绑定事件 # z/ r2 g& Q+ i- O3 e7 b
document.captureEvents(Event.KEYDOWN);
( e4 Q* G( M/ D. T; f0 ^) Q访问窗体元素 3 T7 h Y6 W4 G' H, q7 e
document.all("txt").focus(); % M- ]6 x- b! q& h) O
document.all("txt").select();
7 s/ P. }7 D, D% H8 F: j- I窗体命令 ( `8 u& c3 [1 l" r7 }3 _/ d1 ~
document.execCommand
2 p9 L- N" B2 N7 C( ?9 y: {3 `窗体COOKIE
) j0 J: h6 U; ^6 u( F+ Sdocument.cookie
. F' X& K0 T2 ^9 O菜单事件 5 ~7 Y: w( e3 V4 z
document.oncontextmenu0 k7 E. j# b& ]& G( C$ q) W
创建元素 1 s. X# b9 M. Z" N, K
document.createElement("SPAN"); % f) s3 a* V, J+ R8 H7 B7 d5 f. x$ c
根据鼠标获得元素: " w5 v1 V& v( @ ]" Z2 |0 T9 a
document.elementFromPoint(event.x,event.y).tagName=="TD
: ~) C$ b5 F: bdocument.elementFromPoint(event.x,event.y).appendChild(ms)
3 |5 s4 |/ v: ]+ I( D6 K窗体图片 - _; ~% r7 R5 d: _
document.images[索引]; i, g+ T! R& P$ p. p
窗体事件绑定
* G' o9 @- q2 k' {2 g4 Ldocument.onmousedown=scrollwindow;' t/ w' k) ?3 M" i/ s- k
元素
$ t3 ~3 l! X# x+ h# n2 o- ?" Cdocument.窗体.elements[索引]
$ o. t3 n+ g$ u' U对象绑定事件 . i, n4 V& H7 |1 b
document.all.xxx.detachEvent('onclick',a);
) k! ~6 j! p. V3 c" o0 a @插件数目 % k+ q) v+ A2 b% `
navigator.plugins
6 \) T- C$ K" [, K取变量类型
* m" W/ M- g# f5 X& [typeof($js_libpath) == "undefined"
- e3 A; D; E. l下拉框
8 v3 S5 g# v: T% |2 F8 X: Q下拉框.options[索引] 0 q: b+ H& B& W7 _
下拉框.options.length3 I% W' a3 y4 |3 k+ n9 l- U
查找对象 ( e9 f# i) t5 b+ U) W; t; K
document.getElementsByName("r1"); . Q# R D: Q* D, J
document.getElementById(id);
+ {& m* E$ |, [/ @" o3 _) X' B定时
/ c6 v# x( u& g2 @2 T, ~/ ~, i6 ttimer=setInterval('scrollwindow()',delay); % o/ Q( Y6 ?, ^/ @7 L
clearInterval(timer);
' C2 J4 g+ H3 f/ oUNCODE编码 8 e5 V/ V8 r& ?$ P2 e2 L5 S
escape() ,unescape
# Y! F# L1 Z- r( i; e: n: ?8 u父对象 + }4 V2 T- d* c. q4 x3 I U+ [
obj.parentElement(dhtml)
( ]- k4 x# p3 T5 h; j2 {# sobj.parentNode(dom)
1 m, S) r% q! Y d) r8 e* ?交换表的行
7 n' i% U7 h) r! r& g: ITableID.moveRow(2,1)6 Z# S2 J' B* [2 V) y* u6 {) R
替换CSS
+ U6 x' B$ _+ pdocument.all.csss.href = "a.css";/ s# i. Y8 Z4 f! @. c! l
并排显示
5 A z" q6 R/ Q: Q* V* N" cdisplay:inline s1 C3 _ h2 \1 j7 N/ z
隐藏焦点
/ F: ?% |- I2 Phidefocus=true H* P. ]! Q& Y9 O
根据宽度换行
" b9 _: a* |* P% S estyle="word-break:break-all"
: M) r2 a. K6 @" Q* C$ ^自动刷新 Q, ?! T$ ^, T. w% w1 i
<meta HTTP-EQUIV="refresh" C>
* ^9 v0 f' f1 O7 M, M简单邮件
! h8 p* V! G" A2 K- |" K" J<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> 8 c" X# I! Y: |0 I2 m
快速转到位置 . R5 [% M5 }. P2 n
obj.scrollIntoView(true)
# B% m! b( A+ P' Y+ O锚
# M6 P% [8 d. x/ J- T$ d<a name="first"> / ?2 j3 n1 Y A8 N4 k2 i$ D' \" `) t
<a href="#first">anchors</a>2 R8 D- T% m" N5 e: h3 ^
网页传递参数
* u8 g; N2 g0 _) i. Olocation.search();
2 T( F _+ P* P可编辑 3 N6 p+ g( ]) D" X
obj.contenteditable=true
8 N R7 H6 O) k9 [& n执行菜单命令
) {( }1 C, w- `( F8 d+ A9 eobj.execCommand
L8 W' ~7 }, {6 q6 @双字节字符 , \2 ^( R$ v+ m: D
/[^\x00-\xff]/ 8 ^( T" m3 X5 u. j6 z# {5 R2 r) o
汉字 1 j4 r* g1 t' T7 X9 j9 U/ i
/[\u4e00-\u9fa5]/* \! _5 z: D+ R, p
让英文字符串超出表格宽度自动换行
9 _7 t4 b( m* j' Aword-wrap: break-word; word-break: break-all;8 M4 }# c: U5 L6 \9 o
透明背景 6 r4 X7 k, @7 _: a- h- k" W
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>' B, \. b, n0 H H1 Z, z/ t
获得style内容
' k9 A. \" [3 t3 ?+ D/ K6 {/ Tobj.style.cssText# M) a3 M! y0 S/ _+ B/ m& w
HTML标签
' n" j0 k0 Y3 q& Idocument.documentElement.innerHTML2 ~. j" }0 u( B* t) O& M6 _
第一个style标签
/ ^& w$ l/ f' y" b* mdocument.styleSheets[0]
0 @0 n Q& W, h- _, |/ a4 t9 Fstyle标签里的第一个样式 5 J3 u* ?/ r O0 K+ b# N
document.styleSheets[0].rules[0], g) w. r3 F$ S# p5 ^
防止点击空链接时,页面往往重置到页首端。 9 P. ]; T1 ?: f8 p
<a href="javascript:function()">word</a>
% e3 Z1 v4 U) n& r. \' D- t上一网页源
" x- V2 j0 V4 m: C6 @) E8 d) }, Uasp:
$ A1 t2 q4 X" ?request.servervariables("HTTP_REFERER")
9 A7 n" r! O2 M# r' H" j& Xjavascript: 3 t/ s) G* N3 M4 V2 i
document.referrer$ v3 w* t- d; z( L+ r, W+ T& Q7 C
释放内存
3 }! \) N, {! D4 qCollectGarbage();4 E3 G$ i1 A0 D, Z
禁止右键 3 n, [: a! k6 f [) Q1 [" @1 w
document.oncontextmenu = function() { return false;}
6 s. z) ~; d+ @6 g1 B; T禁止保存 $ h: ] \! p+ ^9 b' `6 ]5 c
<noscript><iframe src="*.htm"></iframe></noscript>6 m8 ^+ W! a( @8 O: y2 t7 M! d7 b
禁止选取<body Shortcut Icon" href="favicon.ico">
& y2 _5 w6 c l7 [7 h7 ?favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下- I$ Y9 ]" s1 i4 ^7 B8 l
收藏栏图标
# X5 `4 Z+ H; m<link rel="Bookmark" href="favicon.ico"> Q% x0 D* h! n
查看源码
L. H$ P% N* T7 V1 V<input type=button value=查看网页源代码 >8 L. X0 t: F1 c' O2 h% s* `
关闭输入法
% t1 l% F, Y: d$ l' [* N# }<input style="ime-mode:disabled">
5 T/ ]+ M; U! C' f: [: ?自动全选
2 l- X( k$ l4 E) V" k1 v<input type=text name=text1 value="123" >
; I4 z1 c7 f0 r1 V& i# |" [+ Z9 JENTER键可以让光标移到下一个输入框 & Y0 y+ A% j: a2 c( k5 g
<input >+ e9 q" N- {9 h: v# W: S) j v
文本框的默认值 " E2 Q$ X% w) A6 y; B9 ~
<input type=text value="123" >
' h8 ?/ ^3 m/ L8 wtitle换行
, M( n- W2 R3 f7 Mobj.title = "123 sdfs "
- }9 ~! A) g; D获得时间所代表的微秒
, G0 F5 U0 d* _0 \8 Wvar n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
4 U3 T. o, r2 F( _* D窗口是否关闭 $ m! C/ P" J" r; L' E7 i3 ?6 K R
win.closed& X9 i6 f& y8 Z6 j1 `& a
# [& G1 l# W6 Y3 |( Mcheckbox扁平
, S9 w4 M. q0 {( u; K: U9 _<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> f4 n8 C2 Z5 d$ A* c* k; b& U% s
获取选中内容 J9 Q, l9 K( s$ K' Q! a" d
document.selection.createRange().duplicate().text$ R# B h" @. D% y O
自动完成功能 5 P$ q2 ~9 y2 z2 |$ B& J
<input type=text autocomplete=on>打开该功能 ! m7 M7 }8 C1 X1 Z1 D
<input type=text autocomplete=off>关闭该功能: d1 v# O$ c3 W( }' k* p
关闭窗口% E5 }( _2 C$ x
window.close();
0 r) L) |) ~6 K! G* s返回
8 r% l+ v8 X& T: ^7 u3 j0 p& w0 Ohistory.back();- D; x5 g7 N& `* S$ g% o
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
/ U3 d( Z: O( W% U统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
! B& T. O! k2 m' a, oencodeURIComponent对":"、"/"、";" 和 "?"也编码
: q! Y0 w6 z O' o9 b& i: ~9 b8 e6 Y, k" ~2 f. n" S* ~
1 J6 L& l3 q! j% L
% Z2 v6 s8 z" X6 D |
zan
|