TA的每日心情 | 奋斗 2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 + f) k) L9 V) d3 O" l
event.srcElement.tagName
6 t; _, F1 C& j$ t+ j! wevent.srcElement.type1 H; E- p% d/ b6 d3 }1 \, c
8 x/ I7 g6 M8 a
捕获释放
i: @" f+ e2 w7 r0 w( L- Aevent.srcElement.setCapture(); - Y; c7 o6 |0 H
event.srcElement.releaseCapture();
, j% U: y% a' x事件按键
$ K& X" q: [( zevent.keyCode , U- T0 I9 V$ F% x
event.shiftKey
) B+ u& @. a+ Q) |event.altKey
4 l, S4 L! N$ Xevent.ctrlKey
: `. U& Q# X: Y9 W' |事件返回值
7 b1 P; U4 U1 k3 Qevent.returnValue
+ U" ^; u! r( T9 V# M鼠标位置
& Y& G. n' x* b; s$ pevent.x
7 Q( o$ p- i1 V* E6 M; T+ revent.y, S- C- n) |. W/ E7 P& B. }
窗体活动元素 ! w8 g) S, Q6 q4 M+ [+ H
document.activeElement. ~9 s* d8 q7 t8 A3 q4 n) w
绑定事件
7 o# P. |. X* a, w) Ddocument.captureEvents(Event.KEYDOWN);) v* Y7 f6 u+ M6 _9 y
访问窗体元素
+ k( H0 b" G) _+ O* ]document.all("txt").focus();
+ F0 L2 x- H- t. E2 c5 bdocument.all("txt").select();
5 X! K2 E) n) k z& {: n; M, s窗体命令 7 y6 b! M# V1 G! R8 B" Z; ~
document.execCommand
: `( \7 N2 c6 @3 x* Z4 F7 i窗体COOKIE 6 ^( P8 a: h" \3 D
document.cookie, W+ H- X! c ^# C
菜单事件
) z' ?; {* ~" N% E0 @* qdocument.oncontextmenu9 o+ c. h" N4 A. }" G
创建元素 : J4 s! W" H4 \) }
document.createElement("SPAN");
! g; s7 G+ D2 H& m根据鼠标获得元素:
7 @( E, P( z0 I) l# [' D4 g0 X6 Rdocument.elementFromPoint(event.x,event.y).tagName=="TD 2 [' _4 K1 O: }! [" |, ~5 G1 c
document.elementFromPoint(event.x,event.y).appendChild(ms) 8 M' s7 s0 @% v8 [" ?# W
窗体图片 * K# ^9 ?$ A& N1 i$ E. }
document.images[索引]
/ {! ~6 i) W( I- q) d" q1 D窗体事件绑定
; R4 E; t1 [/ m4 s. i- xdocument.onmousedown=scrollwindow;$ D. Z4 w" O( |
元素 - j+ h) t1 d8 X
document.窗体.elements[索引]0 I) m" _/ \4 t. Y5 |
对象绑定事件 7 d5 p$ N4 u5 [; Q* R6 B h
document.all.xxx.detachEvent('onclick',a);
: [* {# C1 P" v& L插件数目 , e( [1 z- U: a4 o7 [7 d
navigator.plugins
% {/ i( a2 O$ S: B4 s: r1 w2 H取变量类型
! S; Y) I" I p9 j \$ y! Gtypeof($js_libpath) == "undefined"8 f1 p6 |+ ~! X- |; S: w3 B! a \. q: [
下拉框
E+ l: D, ?7 j7 I$ ?8 J/ S3 B下拉框.options[索引]
7 t/ l6 d/ k0 |$ v' s$ U0 l下拉框.options.length
( M! o" L3 T* q: L4 S \+ W" c. q0 `查找对象
8 F. o) e0 l, K: E& q: p. f- A3 cdocument.getElementsByName("r1"); $ t5 a4 G( x4 @
document.getElementById(id);
/ x. _4 ~+ ]* o) }3 k! W& e定时 1 T6 S3 a) P. q! j" z* c! B9 y; S
timer=setInterval('scrollwindow()',delay); . |' M+ b) O! ~( N, X4 r# y. W9 E
clearInterval(timer);
& W& k z3 W1 s P5 TUNCODE编码 8 R! l; [. L$ J7 e# D( |) E- z
escape() ,unescape; h0 r `0 J4 `9 c( q6 ^7 R: z' E6 y4 h
父对象
( Z5 T6 _8 g% l, p sobj.parentElement(dhtml)
# c) M) ^( j; n/ Pobj.parentNode(dom)2 _( [4 A6 q2 U, u
交换表的行
# A+ \% G7 I- oTableID.moveRow(2,1)
, Z/ X5 d0 L- T替换CSS
` {9 r9 o) p, o/ Edocument.all.csss.href = "a.css";7 J$ V) Z+ V3 O! w s; C
并排显示
7 L v. F+ R# s$ o J% ?display:inline( a9 h" W, c4 ?1 ~
隐藏焦点 5 o' U! g! I4 q) J
hidefocus=true8 l: B4 t; t" ~$ z5 \1 W4 j
根据宽度换行 ; P, b" c7 d' x( S R
style="word-break:break-all"
( C+ J, P/ p, }; q$ v: u! [9 [& x自动刷新
/ a2 h$ O+ O2 J<meta HTTP-EQUIV="refresh" C>
3 c, s1 N( T2 O* a9 d简单邮件
9 q) Z1 T) F2 V3 Z<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]"> 8 B* V1 ~. x5 P' s% w
快速转到位置 ' b1 o( `) |! S) ?
obj.scrollIntoView(true)
6 G# t) q. _8 \& h( n锚
( a5 R, y7 n: y0 m" t. {) x<a name="first"> 6 ], z4 c }7 R! j
<a href="#first">anchors</a>; E; l, }- c a, Z
网页传递参数 + ?3 j+ N* z/ D! g/ n
location.search();
3 y6 M7 `! L% v0 r+ J" S可编辑 6 `- A5 V- m0 h6 A" j6 |: t* V
obj.contenteditable=true! a( H; S8 ^7 |9 b
执行菜单命令
6 Z( K0 r ~" e; Nobj.execCommand2 ~- i+ Q+ b0 J, S9 H
双字节字符
' Z$ a7 Z9 M+ u8 `6 C- Q% w/ G. k/[^\x00-\xff]/
- Z) |/ e4 v7 B汉字
: o7 @! b1 J+ b/[\u4e00-\u9fa5]/- T: H3 t# K3 V
让英文字符串超出表格宽度自动换行 3 ~' N$ c+ u& S
word-wrap: break-word; word-break: break-all;6 B9 @( a8 C3 c: \5 q+ p; C% ~
透明背景 & T8 ~$ W9 k" a7 Q% O% d9 k" [
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
* d7 ] i/ z t0 ?获得style内容 ' k, F7 X+ V/ X9 d
obj.style.cssText
, U2 S# e, _& U: L+ I3 \HTML标签
/ _0 R/ X( p$ A6 @" {8 n* a) ~document.documentElement.innerHTML
4 v. g% o6 ^+ p6 J u$ R' @% h9 Q第一个style标签 + }0 \' @% z$ v* o3 M3 s# b9 }
document.styleSheets[0]; c R+ ]& ^' Y( G) m5 P
style标签里的第一个样式
% H. u$ e9 U" ?2 M1 udocument.styleSheets[0].rules[0]
. l" V+ y" f: z( C" I' u防止点击空链接时,页面往往重置到页首端。
5 K. Y0 C3 G6 z% W+ k<a href="javascript:function()">word</a>3 }+ I; ~( l0 x# `: T; e
上一网页源
- ~' \5 Q( h. T4 j3 m! y5 `* Dasp:
4 P d$ Y) G- O: Hrequest.servervariables("HTTP_REFERER")
9 O* ^% C6 l8 S7 s9 d/ J8 Xjavascript:
% o; n+ Y2 \2 E5 s! c- gdocument.referrer8 z/ w1 t9 \; J% s/ F; [
释放内存
0 Y8 p. J" z& l- Q) |CollectGarbage();( C N! s# p' s, G& ?
禁止右键 9 p: U6 k. J( I' ]$ @ D- W% c
document.oncontextmenu = function() { return false;}
0 x: @2 | K9 ^; u- R2 ]5 s禁止保存 ! }9 W" a9 U7 \/ {) z3 y
<noscript><iframe src="*.htm"></iframe></noscript>" L0 A0 m2 z4 I. n
禁止选取<body Shortcut Icon" href="favicon.ico">
) L1 L; [- v$ efavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下' k2 j4 X& C! K3 u! @
收藏栏图标
. g7 k( }0 h' ]! ]/ F- W$ Z w<link rel="Bookmark" href="favicon.ico">
5 D0 y1 V, x+ p) |3 f查看源码
% {; ]0 c# u T' n<input type=button value=查看网页源代码 >
, u/ r* L0 [2 ?$ j" w0 R0 d关闭输入法
# y' p3 c9 ?: \: l L<input style="ime-mode:disabled">5 E! ?7 n' k' j; J
自动全选 0 f$ y& D7 q' b$ f
<input type=text name=text1 value="123" ># p9 Q: A4 a5 M1 p" \
ENTER键可以让光标移到下一个输入框 1 o* c, s& Y0 s& s' P% S0 l
<input >' e9 T. n! r: x4 ]# a) j. j0 h
文本框的默认值
& h* [+ \0 M, \& T% }<input type=text value="123" >6 F& M/ j; P# t/ \* q {4 Y0 y
title换行
" Q c$ s, D4 ^9 d/ f$ Aobj.title = "123 sdfs "3 |) q* }7 B# y" p% i1 _ d
获得时间所代表的微秒 , t; v+ e% d- Z3 r; J4 h
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime(): u! K7 \/ H3 r7 u2 J
窗口是否关闭 3 f. l W- _3 X" k+ D1 Z8 j9 o3 x
win.closed
& s( K* [& W$ J5 e$ I9 s' s+ q# C# S" n# B8 \2 {% y7 d Q. C
checkbox扁平 * i# n1 a( c4 O& g) j
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>! v. _* a+ F! Q9 W- i& T0 j9 h
获取选中内容 % L) T% b( I# ^* C) s4 j
document.selection.createRange().duplicate().text
' {( i& B" D, U$ C) {. f' H自动完成功能 $ }" w/ D4 H) B2 Z. M+ |$ Q( w5 k; x
<input type=text autocomplete=on>打开该功能 : L6 x+ Q8 g2 j/ k3 ^5 O3 t3 b
<input type=text autocomplete=off>关闭该功能
+ ^$ K: S3 a# f8 y* U" E0 ~5 S关闭窗口
4 M- M. T* N# L' E8 Hwindow.close(); L5 q$ ]- B; j) J L/ d
返回: P I8 s* g v; o, y
history.back();
1 C. f- h( ~& U4 t1 F. }4 O无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
+ r8 r* z8 N t; ?2 n统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) : v) A' |/ o1 {4 E
encodeURIComponent对":"、"/"、";" 和 "?"也编码
/ C% @2 r5 ^9 B* j! h. V7 ~: D7 j
; {4 s/ m' l% \3 O1 ~( p2 ]- W6 \, I! B( M1 c/ _% }
1 U3 @; |) m9 ]7 ~/ V0 \ f |
zan
|