TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 3 n9 n$ i! S7 }0 A/ s
event.srcElement.tagName 8 k" c( y9 \7 O3 U# p
event.srcElement.type8 L- {2 W: c6 _/ {2 o
$ c2 V' w' Z/ t1 O" r
捕获释放 " E! z4 a( {. @$ C" ?0 p
event.srcElement.setCapture(); . L9 K/ W8 j9 a% P7 A
event.srcElement.releaseCapture();
~, t3 S" p% g! p4 J事件按键
3 n& E; k0 G7 A# J) Sevent.keyCode
4 ?4 {* @: I4 \4 E. K# Q8 qevent.shiftKey ; F C! O8 Z1 {! }; S( D; B$ H2 G
event.altKey
' l j; x ]+ I/ z" N( Ievent.ctrlKey
8 A) H* I2 f# J. A/ w% X* Z& z事件返回值
$ M# |1 V: M$ j6 ^event.returnValue" G# ?/ N, Y& b' d+ Q: \' {
鼠标位置
* ^9 I! p2 L' y/ A9 s/ @ s6 I) ?event.x
" |; u L9 d* J# n& f9 q+ Qevent.y
5 g" U$ ^/ N9 i# h! N& [, O* a2 ]窗体活动元素
" Y" a2 b# }0 Z' }/ e, Y, }document.activeElement. S7 t0 J8 x4 U% f2 }( [4 l
绑定事件
1 o- N8 s2 K' U1 n# I7 ^6 Hdocument.captureEvents(Event.KEYDOWN);- z5 L: k- d, d% g/ l; a
访问窗体元素 & j% f! e6 n* @& Q: S# N( H1 Z2 Z
document.all("txt").focus(); + i4 v$ J: q/ H* o& F
document.all("txt").select();7 E6 p5 p; o2 M- R3 s' N. k
窗体命令
$ J' k0 w; Z3 Ydocument.execCommand: Q4 z( p5 R* l9 Z
窗体COOKIE
+ |0 \) ?0 A5 l! u+ qdocument.cookie
9 Q" A5 i. q% l( i/ J5 ~菜单事件
6 O) F K5 |! G3 S4 q% b9 f7 d d. Qdocument.oncontextmenu& h5 Y: a; f% Y; ^& ?* c; u
创建元素
- g1 s8 `$ p6 B) r% W) | Hdocument.createElement("SPAN");
$ ^' I9 j1 D: o# @根据鼠标获得元素:
D+ w& K4 h+ [" [ O4 qdocument.elementFromPoint(event.x,event.y).tagName=="TD
5 m0 [1 \- A# Ldocument.elementFromPoint(event.x,event.y).appendChild(ms) 9 E" J* _" _/ q( o1 S" Q+ P# g
窗体图片 ' F, W# y& A: x, Q
document.images[索引]) M' h( T& e! e8 k* M9 B, S
窗体事件绑定 / ?; b- A' }$ D
document.onmousedown=scrollwindow;
; E( Z- N8 S3 f7 W: D% t% J元素 # a5 ~9 T# b% z0 f- o
document.窗体.elements[索引]) z* v8 |$ O: W
对象绑定事件 ( h. ? B0 p; G1 f/ J3 F
document.all.xxx.detachEvent('onclick',a);; |. Q0 x J7 ~1 Z
插件数目 1 R% ~+ O/ i$ u; b
navigator.plugins
" o1 a8 S; u$ W! n1 y- d. W7 Z6 u取变量类型
- d) ]5 I9 t( t% V) X1 rtypeof($js_libpath) == "undefined"
2 ?; c( h: U, q. k. b/ H下拉框 8 z1 P# `& o% ~4 a3 y
下拉框.options[索引]
; u7 ]' B% @. L" L$ d+ `下拉框.options.length
0 q3 O: s; C. j& {查找对象 5 [7 p- U/ O, g
document.getElementsByName("r1");
- V4 U: F0 f- m& mdocument.getElementById(id);& @& j0 I! I ^! h& ]+ f( w; y+ `
定时 . R+ k3 F- g! g
timer=setInterval('scrollwindow()',delay); 7 X9 ^3 N, ]% C/ z
clearInterval(timer);3 [. n, q9 m: ^; q' i& e
UNCODE编码
) y5 ~0 ]# m9 V7 J- [7 I3 l; T. \escape() ,unescape/ r2 S* L# T6 n7 |) x3 a- L6 L0 x
父对象
7 N, e9 T( n% C) r; O7 u0 Oobj.parentElement(dhtml)
" c- }0 F8 p, o: L, k, F; {0 j* b& eobj.parentNode(dom)
2 Z- B6 S: Y4 |( W5 }: J8 b交换表的行
s# H+ _9 r' g) K; r; p; M* O, XTableID.moveRow(2,1)
8 F, A* e" h% ]* D替换CSS ) S6 @3 l- ]1 \% S
document.all.csss.href = "a.css";! }$ n0 g$ ~9 c" M
并排显示
2 F/ n$ I% C' p( vdisplay:inline+ U9 K, M3 G W3 G7 d
隐藏焦点
! ]' F3 X( I% r8 ?hidefocus=true, B" Y- ^- L9 V2 v) R% _
根据宽度换行
6 o% T$ V+ m6 d6 y" E7 ^" vstyle="word-break:break-all"2 M+ u4 d+ y- e& X& m5 P/ E
自动刷新
9 x/ U$ c) `+ Q3 q7 }& h( ?4 e<meta HTTP-EQUIV="refresh" C> q: g* w' n: y {6 p5 {
简单邮件 & p4 m! h% K0 _& Y8 ~
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> * v C' T2 Z! z9 u" x
快速转到位置
1 m1 a' P5 R& \obj.scrollIntoView(true)1 f! l5 k: W1 j2 C: Z) P5 ]$ `; a' O8 k
锚
( F( {/ L: Z3 S c/ ?<a name="first"> / @4 A7 q3 m/ y4 a; i- I! \, l
<a href="#first">anchors</a>
- z0 f, s4 r$ W网页传递参数
- o2 m' _9 l$ ^; P5 x! R3 e. Nlocation.search();
! L w- {5 \+ K+ y5 E9 r3 H8 D# y7 ?可编辑
( z1 M; t2 J# y: T: gobj.contenteditable=true
( U8 y6 S+ n4 K2 }执行菜单命令
4 S$ r9 W9 A& T% M5 Aobj.execCommand# W! i; P1 h5 d3 B+ c m
双字节字符 / u' m+ L. ~; u$ h- j# N
/[^\x00-\xff]/
/ e; x) x) r0 k7 Q. ]3 m3 ?1 f! j汉字 " N3 [; i3 d; ]
/[\u4e00-\u9fa5]/: h0 V& j H$ r( k$ S9 Q" O
让英文字符串超出表格宽度自动换行 6 ~! _+ G0 A) f1 M: y6 C- m
word-wrap: break-word; word-break: break-all;
( t, \+ K$ j& A) l( O透明背景 6 N! [9 C3 U* g8 m
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>% v; q6 U9 i) p! z9 u% G4 X
获得style内容
& a- v: l3 Z" ]: G9 q3 k4 c9 Z2 D* C+ Dobj.style.cssText
& d- S2 S3 N- O; R: \HTML标签
; @: a+ K! f k. bdocument.documentElement.innerHTML5 m1 N0 o" f; a" E: }/ L/ H) |
第一个style标签
: p5 z: K a6 i+ _8 C, |document.styleSheets[0], A' t. ?8 S3 e/ F% L
style标签里的第一个样式
6 F: Q, I$ P( U4 o/ j! C2 odocument.styleSheets[0].rules[0]
! S4 w4 K/ Z: C' v: c防止点击空链接时,页面往往重置到页首端。 $ {' d* \) t6 [& D
<a href="javascript:function()">word</a>
8 J- ~& G! d1 q% [上一网页源
* M5 }& m9 I- V! ~9 D0 Jasp:
. r$ z1 V) }6 ^/ Orequest.servervariables("HTTP_REFERER") # Q' `2 z* v. n8 C- M- J
javascript:
' w+ J! X% T2 ^3 P4 n/ D( kdocument.referrer
- |% a* y d+ |/ R6 T) H' d: Y释放内存
+ v5 B% x! C3 h z' U! PCollectGarbage();5 A7 P0 D9 o5 N) P4 k; Y7 |
禁止右键
( L0 W, C+ w1 Ndocument.oncontextmenu = function() { return false;}# r' N( N0 G* G$ i
禁止保存
+ y, [# `* B( Q$ C1 S0 i<noscript><iframe src="*.htm"></iframe></noscript>4 h1 _# q3 d2 X( d% Z
禁止选取<body Shortcut Icon" href="favicon.ico">
( E8 @- T* \0 _+ b, z5 ?% |5 N1 N5 Xfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
4 b/ i/ n, m( M( A8 X收藏栏图标 + J7 g; z( ?+ z( x2 T4 }
<link rel="Bookmark" href="favicon.ico">: g6 X: T5 ^3 C/ E# I3 d* l
查看源码
. L$ b# v% B9 M% \<input type=button value=查看网页源代码 >, v! {9 D2 c* d0 T0 E( g
关闭输入法 $ \7 r& |; e% L' c8 V
<input style="ime-mode:disabled">) i" L1 v, S3 \! I7 p" a
自动全选
+ | i1 c+ X; [3 e<input type=text name=text1 value="123" >7 {, l5 x9 L* I7 ?2 c
ENTER键可以让光标移到下一个输入框
% V9 ]# ]- ~3 }. c9 A<input >6 {. z9 F, j x. x, J; E/ e; p
文本框的默认值
9 z: v; {/ U, l! Q8 Y% f: E2 e<input type=text value="123" >. H* H `( N. g" Q1 \; b* p- E
title换行
2 d8 Q; y. x C+ Lobj.title = "123 sdfs "
4 `; E2 j2 \ X获得时间所代表的微秒 % O2 n9 n0 X' K$ m) c I
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()4 Q* A& F0 t' @! N$ \$ S
窗口是否关闭
8 O+ B; _. ~" V0 W! L1 j) Jwin.closed
8 r$ z( F6 _. P1 U% Q' u5 U" c! O, ^+ y/ R6 v
checkbox扁平
) O+ a |" Y; N" u' q. V, Z<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
! D R* p! h- j获取选中内容 " X' d: h7 E( I1 E1 |
document.selection.createRange().duplicate().text1 Q. n2 G' q$ z3 ]6 ?
自动完成功能 `4 t3 t6 R4 @ @8 ]
<input type=text autocomplete=on>打开该功能
1 ~% _8 ~# Z8 _4 I+ y<input type=text autocomplete=off>关闭该功能
7 b) m3 h: g" c1 S7 _关闭窗口
& r. J8 c: V9 S; Z* T- {( m$ P, ^window.close();0 s* J/ s6 C; z* i8 |0 w% G
返回8 c, N7 l& o& {
history.back();
( p! k/ b! N! @$ S& z9 r2 o无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");% ^& b) f5 c) q& F1 |0 E
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 0 S' G2 v" L8 Q5 \
encodeURIComponent对":"、"/"、";" 和 "?"也编码$ I9 M* T% i$ O! o2 l, @, q
8 ?7 d7 T# i2 X0 G6 z
) e+ L/ d( K2 A1 r. g( H& N/ D, t5 c# k# E8 I" i
|
zan
|