TA的每日心情 | 奋斗 2024-7-1 22:21 |
---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象
2 N) t. R9 ?' p' revent.srcElement.tagName % M8 m6 @& K9 E" n8 r, P L
event.srcElement.type2 M* E G9 N( Y7 ^3 B! _6 g4 {
) Y$ a& Q% x' J( B4 q' A捕获释放
6 R* e+ ~. r' d. I1 \event.srcElement.setCapture(); 2 Z# Q! y) j+ Z& a; K
event.srcElement.releaseCapture(); 0 [6 A$ u7 l" b* X4 t8 E. j; g: r
事件按键 , C, J H) U8 ]9 [. L7 W
event.keyCode # F& t- P7 g0 R# u
event.shiftKey 1 Y0 z3 S+ x! P7 e4 L
event.altKey
3 m A% ~1 f) Mevent.ctrlKey
: P* \7 R+ |8 y0 P! n) E, S事件返回值
2 Y5 q0 K$ R1 z" q" X) \& F1 i5 Fevent.returnValue
4 h' ~5 T* s: ~+ m6 v8 A鼠标位置
* U. g5 N4 X7 w$ r0 @0 Z, F+ L F6 N% X& [event.x 3 G/ ]/ v- M8 w/ G3 {1 r# m
event.y
- V' K1 j2 O8 v5 U. b窗体活动元素 / r; v0 y8 _; o; I
document.activeElement7 S% b* m. u+ g
绑定事件 % ?" ^3 J$ t/ t+ W1 n
document.captureEvents(Event.KEYDOWN);9 W$ g& o3 b) \& q! _& z2 J
访问窗体元素 & L- q! E) E3 ]! B, ]
document.all("txt").focus(); / E! P: k8 [" i
document.all("txt").select();
" |% a; C2 n% u: f6 [窗体命令 9 T( r) T7 S$ u
document.execCommand: q4 G) H$ r# V! q
窗体COOKIE " |% M% n0 o) W' [3 J8 z# B( r
document.cookie6 N4 t7 p L! u) ~3 V7 X
菜单事件
. H9 ? p9 g" \' cdocument.oncontextmenu: ~3 c, k5 f" O$ K4 h
创建元素
& C4 B6 u! [4 h6 z: kdocument.createElement("SPAN");
0 m N2 I/ G3 f根据鼠标获得元素:
3 p9 E8 I# A. |7 e) i3 Y) Fdocument.elementFromPoint(event.x,event.y).tagName=="TD 4 [ T6 o! r% M& u0 S. }, G h: L
document.elementFromPoint(event.x,event.y).appendChild(ms)
5 {" K4 R8 n* a# b8 J8 c& S( R窗体图片 0 y( I4 [) ?. K5 Q3 H
document.images[索引]9 Z. O2 p+ B- O% ]% _
窗体事件绑定
; ?& P6 j, N7 j( P, H7 E3 gdocument.onmousedown=scrollwindow;
. Z1 v& U- W& V% w3 H元素
. r! t' N, y$ U Ldocument.窗体.elements[索引]. S5 B, i- Q* v! Z6 o) n
对象绑定事件 & v# O3 m% @$ a$ [ }$ }7 e2 \
document.all.xxx.detachEvent('onclick',a); q0 H0 a8 A o
插件数目 8 Q& [/ R: ?1 u& e% E- Q" ]9 Q+ W
navigator.plugins$ g6 p/ {4 |. ?& ^0 v
取变量类型
: B+ R( J! N2 j' ^' c9 ^7 X+ Qtypeof($js_libpath) == "undefined"( t& P6 O+ p8 e4 _5 S; y
下拉框 ! X+ f/ n& R# r% V$ q6 d' J
下拉框.options[索引] / m( H3 F: q' A5 D# W1 O1 ^
下拉框.options.length
% u' c8 Y- b0 `" A4 E/ I9 g8 ?查找对象 2 F5 ~9 S# {8 Z% y% ], \
document.getElementsByName("r1");
8 j3 m( c+ D; N3 k- i# R8 Mdocument.getElementById(id);4 T6 Z. P: ?* S2 ?
定时
/ J9 N: d0 v* {( A' Etimer=setInterval('scrollwindow()',delay); 2 Z8 M- y V0 [% |0 X% l
clearInterval(timer);; n4 ?* h u, I. }; F( Z( ~
UNCODE编码
. x" a1 N! P3 C' }escape() ,unescape
) {/ `+ V$ s+ q+ ?3 V父对象
3 F8 v' }# O5 d7 hobj.parentElement(dhtml) 7 o0 ?4 t! o: F, W
obj.parentNode(dom)
8 u9 H$ ?6 {4 }. o0 m交换表的行
0 V% t$ m3 M7 O2 zTableID.moveRow(2,1)0 v' z6 g4 X4 S Z( S; s& `* ?
替换CSS ' T! K, H8 s6 |8 [$ k& k
document.all.csss.href = "a.css";
1 O" Z7 s3 Y- D) N5 `0 V并排显示 + y! _9 i9 P; o1 M' _, Q
display:inline3 x5 j' i' g: s7 {9 @( |! M2 B
隐藏焦点 ( e! S0 Y! P% C. F' ~0 O
hidefocus=true; t7 L* L8 j* I2 l/ W
根据宽度换行
2 r5 g# J, q, s0 G# M9 b: Istyle="word-break:break-all"% A( S" X' N" @1 {+ d
自动刷新 0 k5 E9 {. |1 X, \. U1 e
<meta HTTP-EQUIV="refresh" C>. z) O7 Y5 e0 G
简单邮件
E5 q! G, c: d" i ? e5 m w<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
6 T3 W1 E5 f, J+ X6 a1 }1 C4 w0 A快速转到位置 0 T. |$ f3 Z9 m# A. g
obj.scrollIntoView(true)" J4 f7 _, [4 y) f$ U6 v0 H; R$ S- D
锚
! F5 _* w( @1 Z4 b1 v! H$ \- r<a name="first"> 2 T: l4 n4 g2 ]2 w$ o2 k5 K
<a href="#first">anchors</a># y2 I4 l: Y; W/ ?/ I) }
网页传递参数 " q( n) H/ q1 c$ k4 _, J
location.search();
+ ? L2 B& q4 I8 D! t* ]* u3 ^/ ?可编辑 ! F! B1 T4 k- N+ c: i, s
obj.contenteditable=true
0 x% v, m; Z) ^ [0 S执行菜单命令
$ P2 g6 Z+ t' P7 Eobj.execCommand# R# W# d& p/ |& K, C* {
双字节字符
9 p1 |' `( z# [2 A0 J* U. }/[^\x00-\xff]/ 0 g! h- A+ F8 I- H
汉字
+ E0 |* x, g' [0 @. i9 R- s! r: w/[\u4e00-\u9fa5]/4 {5 K( Q" w) v
让英文字符串超出表格宽度自动换行
* V% W, y3 o' N$ l7 F) i1 f3 X& Jword-wrap: break-word; word-break: break-all;
5 E, h U3 O# k7 \% F3 d) Z& Y透明背景
- x; K4 p3 E' W' N# e<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> v* ?8 D' N; f2 D! t4 ?
获得style内容 $ T+ ^/ u4 J; k7 S
obj.style.cssText
3 x0 J/ |/ n# t- F( N/ i% g7 E" gHTML标签
_* h! e% U# t/ l. H6 F2 ^document.documentElement.innerHTML
! {$ Y! ~( U, Q* B0 c M* J5 h- M第一个style标签 / {' N8 m' Y6 p/ A; w. j
document.styleSheets[0]7 O6 k& o# Q/ x% s- p5 v
style标签里的第一个样式
' b: g' Z5 `3 e# c, k8 B, @document.styleSheets[0].rules[0]
* ? S( X# D9 V& O3 Z防止点击空链接时,页面往往重置到页首端。 , H7 n& h4 Q( E( u' `8 Z
<a href="javascript:function()">word</a>1 T( d, ^3 u9 u' H
上一网页源
, ?1 g) b3 d, ]2 |3 Z. `asp:
|* B; W- ^8 _7 }9 r) jrequest.servervariables("HTTP_REFERER") 2 y. q3 \( C, [1 P
javascript: . ? }- J2 f5 ], H3 D+ h% R
document.referrer+ L. L/ D3 D2 m5 e
释放内存
b3 i. U7 {2 u9 \CollectGarbage();
7 \( z! N! Q& ?禁止右键 2 I# P& b3 H6 U/ ] {
document.oncontextmenu = function() { return false;}
% j( t0 }& q' c5 H; M. [' q- B; ^禁止保存 + i1 T' ~, N6 W) e) U& Z( r
<noscript><iframe src="*.htm"></iframe></noscript>: ?0 U; f$ }$ x! [& T
禁止选取<body Shortcut Icon" href="favicon.ico"> ! I' I$ G u) C1 ^% N# w
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
: C" A( A- f3 _# O收藏栏图标
6 S4 i9 ^" B% e' E8 a& |; a0 f<link rel="Bookmark" href="favicon.ico">$ T7 y8 u R/ t# d' N- g& g
查看源码
3 e: k& H; d* M' \( D# q0 i2 F7 n<input type=button value=查看网页源代码 >, H% M/ {6 a! k2 Q2 Z
关闭输入法 + f& v! G* d1 \/ {4 Q0 ?2 b$ t
<input style="ime-mode:disabled">
6 u+ x* J$ E5 P' g- z自动全选
# o* A; m+ I3 v7 F<input type=text name=text1 value="123" >
5 [& T% h+ O- JENTER键可以让光标移到下一个输入框
, I( E. Z7 v: v: @+ J* u; i3 n<input >
) u3 I- [4 k6 R2 P4 ]文本框的默认值
% ^+ c- m; a+ {+ G; Z<input type=text value="123" >
$ C9 A, U0 s& ^) _title换行
7 w1 \/ k# \8 Z5 _obj.title = "123 sdfs "9 \ n; p2 ]. R4 E
获得时间所代表的微秒 5 e& m* W4 v, c3 X5 ?7 y
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()9 \5 E$ L6 T3 W/ y2 e/ ?) B. R$ `
窗口是否关闭
1 G+ G5 A3 T- A' _' R8 N* Zwin.closed
( M* }1 S( K: Z+ C# ]6 J: p3 @; s+ N1 q0 \
checkbox扁平
' i/ [( B& @$ _! {<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
- u2 _" Q" t' v4 P$ y+ n1 I z获取选中内容 " J! `. N2 u: t
document.selection.createRange().duplicate().text5 G; C$ _( l$ U
自动完成功能 ( _8 p8 q' i& W) L' B. P8 H9 I: `
<input type=text autocomplete=on>打开该功能
5 v- D; ]7 X) F- D3 N<input type=text autocomplete=off>关闭该功能& {& k) M: I0 D/ v6 j( a. b+ Q$ u
关闭窗口( G/ K8 G0 F* e
window.close();& E9 \- w5 X3 H r E& [
返回1 W [; ^% I" V! h. z
history.back();
$ O1 G* Q$ @; B无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
- X: w* x$ i- G' o. z+ z+ [5 f统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 5 f; k, N; N& l" {3 K- h) a9 A0 a& F
encodeURIComponent对":"、"/"、";" 和 "?"也编码
" B6 y( Q, @$ F, D- G+ Y
# c' n8 ~% _" p' i. p3 F3 q# m4 [1 A
+ u7 [! I# @' [. s2 s1 R: g
|
zan
|