TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象
: d& M/ h, R' n* Q K: S5 _$ Mevent.srcElement.tagName
! ]# |2 N5 Y! Vevent.srcElement.type
0 `: J* f' a, x$ v 1 n: K! L1 P/ b8 _) u! m Z
捕获释放 * a% g5 y! }9 _( @+ s( }9 L
event.srcElement.setCapture(); + v4 Y: D2 y% C1 k
event.srcElement.releaseCapture();
, p" V- h! |0 s事件按键
. B9 ]4 r; L" [$ p; x3 Cevent.keyCode ^5 c4 q u! f0 s- z( `# A0 `
event.shiftKey 8 @" Q4 A+ r+ c; S8 ?
event.altKey
6 X& u& C5 w1 r0 Zevent.ctrlKey
' |8 m5 a. c* `! N! o% @事件返回值
- g) _/ ?+ a* Z0 revent.returnValue
( P# [% C& q; o7 L鼠标位置 3 S4 p7 Y( g% u, ~8 Q
event.x
1 s. O( _# c# O4 [' s7 Oevent.y
7 E- E/ Y6 l8 p. Q& a窗体活动元素
) _ }; ^* b; }- e# y5 g" \, s0 g5 ^document.activeElement
1 \5 I/ l/ O- [% g- F绑定事件 ) C1 b6 y3 t1 I, F3 q0 K
document.captureEvents(Event.KEYDOWN);
5 o2 D4 a$ `9 d# Q# N* Z6 B6 [访问窗体元素 ( x8 u5 e2 k; |+ D. w4 z1 Q
document.all("txt").focus();
k+ P* {1 w8 R' U8 g5 Rdocument.all("txt").select();* P+ M* l3 E0 m
窗体命令
5 a: C' s G, U- i4 U2 Mdocument.execCommand# h, S4 l' p2 g+ e2 v9 O0 E9 d
窗体COOKIE
5 d) w7 \; w- ~/ O$ }$ W# |document.cookie$ Y1 ~7 O, J6 ?: n$ R
菜单事件
: P8 j0 _% o+ X6 P3 Fdocument.oncontextmenu
2 M2 ]/ ~- x- x! X创建元素 / D4 ^9 @5 g5 L4 S, j3 R
document.createElement("SPAN");
( f, m7 T! {0 p0 @根据鼠标获得元素:
$ q g( [. T: b- y, X! Y- t+ Adocument.elementFromPoint(event.x,event.y).tagName=="TD * P/ {3 Y( Y) V) b7 y' `
document.elementFromPoint(event.x,event.y).appendChild(ms)
( B/ \* V" v' G) D窗体图片 1 U( i2 `/ P0 H
document.images[索引]' U: J1 W2 o% @! Y. u: j
窗体事件绑定
: _" F/ z' ?" C8 Hdocument.onmousedown=scrollwindow;
( ?! j3 v' [+ [元素 & l2 b# H, V1 Y" G2 L* `/ r4 {
document.窗体.elements[索引]* I9 J) U: j C( z+ I3 Q
对象绑定事件 0 u- ?1 L9 q: J- \& M( k. k1 W# T
document.all.xxx.detachEvent('onclick',a);
2 U# Y, {8 n0 G' ]* `插件数目
5 ]9 _- P% o; b. enavigator.plugins
! S8 I6 p: w' D# s/ P8 Z取变量类型 " k" Z1 w9 d2 q9 S# B" x% u
typeof($js_libpath) == "undefined"; d# c4 ?# z5 W( j# Z
下拉框
! m2 R! s; A+ o x2 z w下拉框.options[索引]
& m+ U, u [2 \# w) c1 w下拉框.options.length
, @' P9 l) U% Y$ _5 h" M查找对象 " E/ }7 _0 f r
document.getElementsByName("r1");
" @3 I: N3 X8 B! Udocument.getElementById(id);
- i. X7 q v6 ]定时 ( l. \7 ]$ z8 I* u1 @
timer=setInterval('scrollwindow()',delay); $ y- P9 z2 b V( i
clearInterval(timer);, \% t, N- D+ c1 ]
UNCODE编码
7 N+ a k. m' j0 }escape() ,unescape5 b7 C _$ f# H9 C
父对象 . J" D1 Y8 Z; Y; I
obj.parentElement(dhtml) $ \. a& D8 q) |- t# E. k
obj.parentNode(dom)
V* J! E9 z3 _5 k% G交换表的行
1 [3 K2 ~# V7 ^9 ?, {TableID.moveRow(2,1)( C; j) E, N6 v. _7 x
替换CSS
" l* U2 [% y, s8 @4 [5 R: r' ?document.all.csss.href = "a.css";
* z" Q; H2 C7 f D; P* G7 o; s并排显示
6 {' A* }, a: Q9 b& bdisplay:inline
, p2 b+ Q+ c4 o- J1 ]2 A* _$ o隐藏焦点 * }4 t1 V7 [: ^) @9 f0 S
hidefocus=true$ H6 R. u0 ~" [/ Z6 v
根据宽度换行 + x, u0 @" @; q
style="word-break:break-all"
/ \, R$ g2 _. }& i; T- A1 V4 D" w+ x自动刷新
5 A6 _1 B1 }7 d; ~% j) G4 i) G" s<meta HTTP-EQUIV="refresh" C>
6 V. K- f! L3 n( D* w* d简单邮件
/ Y- a H4 K: H2 J6 O. _<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> + z9 y0 O! E* A! l
快速转到位置
: b& M5 `& D$ i7 `4 Lobj.scrollIntoView(true)
" `: D6 x9 m9 X7 Z8 o1 i锚 3 T7 J" Y/ w* W0 b' z: G) Q$ S5 N1 T
<a name="first">
; Z# K# }$ C) \1 r<a href="#first">anchors</a>0 h4 t, v+ I( [6 m7 o" R) ^5 Y& E
网页传递参数
. X* i# ?. p8 g2 ?! Olocation.search();
5 t" P1 n9 |& T可编辑
4 ~ p& O" ^& I. W0 f0 ^" z8 b! jobj.contenteditable=true" N9 }9 x* Q0 V+ {5 N
执行菜单命令 9 f$ s. x1 v$ I
obj.execCommand
- H \# d2 O: g双字节字符 " K* H7 j; R1 I- ^ _# v
/[^\x00-\xff]/ 2 ~1 w6 \" n; Z2 R/ h& u" I
汉字
% Z9 ]; h" [9 I& Z) w/[\u4e00-\u9fa5]// d+ L1 U" i* L7 k' q
让英文字符串超出表格宽度自动换行
i+ i/ u2 ]% X+ Cword-wrap: break-word; word-break: break-all;: i1 a3 D/ O- g
透明背景
( D/ g# w0 w& c3 B3 I4 Q<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
1 J9 b6 @1 {- f获得style内容
8 H# z' t, E7 Jobj.style.cssText. P: z# ~1 M% b/ c+ ?& y
HTML标签 ) L9 M' b( L' I/ ]
document.documentElement.innerHTML6 k1 q1 T$ A% [8 s" l
第一个style标签 / h8 u5 t$ I$ j! m0 t5 E* t1 W
document.styleSheets[0]/ D4 F4 m( J2 R- `- I
style标签里的第一个样式
5 U# F | ^* s; P' k% Xdocument.styleSheets[0].rules[0]5 ]2 x& y. j/ J! N0 \* v
防止点击空链接时,页面往往重置到页首端。 7 r! j& H/ r! ?2 t. ^8 [
<a href="javascript:function()">word</a>
" x4 K6 Y$ r3 p9 g. S# f/ G0 ?2 z上一网页源
# i9 O4 |0 A) K" easp: " g7 j9 W j5 ^ v$ r' m( L# x
request.servervariables("HTTP_REFERER")
) C+ O3 q6 v1 G- V( H( Zjavascript:
; P1 X* G' ^2 X' B- J. hdocument.referrer0 Q8 \+ m, Q' H0 o6 R7 k
释放内存 9 Z6 g& r: h1 f: ^
CollectGarbage();; ~' f' D! P2 ?% g- k
禁止右键
* b" x: u) I. i. W4 ldocument.oncontextmenu = function() { return false;}
! `+ z$ ^' I# }- B# F1 r* \禁止保存
& L# |9 H+ h$ W% [<noscript><iframe src="*.htm"></iframe></noscript>
% u2 m) {' v% Z$ \禁止选取<body Shortcut Icon" href="favicon.ico"> 3 R; A& B4 a0 s$ E
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
$ I( w+ f6 D; b. ]. z收藏栏图标 6 Y5 M `1 N0 M% e+ L2 ^
<link rel="Bookmark" href="favicon.ico">' @3 D; f4 T O. R5 t0 I3 c! j" H
查看源码 ( E& O2 m1 o# j& G7 Q! p
<input type=button value=查看网页源代码 >
5 L2 {+ n: B6 Z! r, r* j* Q关闭输入法 * y* U' u. C& T) @4 Q
<input style="ime-mode:disabled">1 V1 X9 L/ Y1 v& ?* K# ]
自动全选 $ {0 y# A" t: N3 Z; |: O7 f/ ?' [3 e
<input type=text name=text1 value="123" >
2 n) o4 u7 @* x( `/ N- h: oENTER键可以让光标移到下一个输入框
. y7 K3 H- b; B<input >" e% h3 j/ j# k( j2 e4 u
文本框的默认值 ' E" `) z' G+ Z) I+ d
<input type=text value="123" >' f$ ^7 v: H. h7 P# J# i8 H
title换行
) P$ F1 g& _: i$ h6 g G/ v- A$ cobj.title = "123 sdfs "+ ^7 T& V) d3 W$ |1 u0 {
获得时间所代表的微秒 , L) D! n/ |/ N0 c- a) g" d
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
$ ?) W1 b( M/ \5 ?. }/ b7 b窗口是否关闭 0 L# D9 r6 G) {0 E/ s! E9 {
win.closed
: ]" t- `& t6 V, N- |8 O
( ?* e: C" [( b' [checkbox扁平
5 {- Y! u5 a0 t, t& D3 ?<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
3 f, ]# S$ S, M; x+ L# x/ c1 T获取选中内容
8 I; W5 A+ f9 ?# @4 o' Xdocument.selection.createRange().duplicate().text
- j2 d5 w6 |2 d, W/ I8 B, l H: z% A自动完成功能
1 _: M6 _( s' [* R. t5 V<input type=text autocomplete=on>打开该功能 W2 V& \# H) T5 r
<input type=text autocomplete=off>关闭该功能
* _7 i0 z% c, _7 b, k4 b关闭窗口
7 T* Q! s, W+ J! _; lwindow.close();2 t4 n a. ]" ?% C% ?
返回
+ J2 y$ q1 m4 V0 P5 F' w2 M& B: `: ghistory.back();
. n* y9 b/ T5 }, A5 h2 {无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");+ g# U, d! y/ h( J7 o1 r+ u2 u/ I9 {5 l
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
+ y- B- y3 ]: M7 hencodeURIComponent对":"、"/"、";" 和 "?"也编码
r/ @! w; r7 Y/ n; ~* J+ a! }$ X: S
7 A8 F9 g3 Z: W" z" |& M
3 O) y: l7 q2 A" X( I
|
zan
|