TA的每日心情 | 奋斗
2024-7-1 22:21 |
|---|
签到天数: 2014 天 [LV.Master]伴坛终老
- 自我介绍
- 数学中国站长
 群组: 数学建模培训课堂1 群组: 数学中国美赛辅助报名 群组: Matlab讨论组 群组: 2013认证赛A题讨论群组 群组: 2013认证赛C题讨论群组 |
- 事件源对象 1 m; t A' D% ~. @7 z
event.srcElement.tagName ( {* {. M" f& {4 P4 t, Z8 ]5 Q
event.srcElement.type1 n! E4 L( z6 A G9 l9 ?8 l/ d' ^
+ ^* _1 p3 F; d b S, C
捕获释放
! J* O$ q' R* a7 W# A6 nevent.srcElement.setCapture(); & ~6 {4 D4 } V9 z. M
event.srcElement.releaseCapture();
9 ~* v$ R* W* q' t+ H% c B事件按键
$ i" s2 K) e/ B0 kevent.keyCode
8 n2 u7 ?$ ~8 R, m# G- Cevent.shiftKey ; k ~) A8 [* D* |# ^
event.altKey
+ i6 a$ [8 o+ y7 Yevent.ctrlKey& J8 s% ?; y6 T' t: V. v7 Y
事件返回值 0 h8 A, _/ X8 y& J5 a) e- r% ^* I# h
event.returnValue
/ H3 j9 B6 v. M% Y/ f/ L6 u- K鼠标位置
' [7 p8 V0 Y4 Z; ~* Y# h0 i* h1 V0 Aevent.x / }% a- R$ ]# c6 P- |3 W% s
event.y) c+ \, O8 x7 v4 G+ e! u- u! S3 P+ G
窗体活动元素 7 w- b+ s: G1 u% s) B. v
document.activeElement/ q' L6 g q* j: _
绑定事件 6 p5 Q& q# X0 M" `+ h# D
document.captureEvents(Event.KEYDOWN);
7 ~/ T$ Q% P+ i- q4 D9 D/ M访问窗体元素 4 f1 n+ C; y: b, x8 r+ D" X& p
document.all("txt").focus(); + i/ E; i" X& E
document.all("txt").select();
x) o5 E5 C4 O$ z窗体命令
$ B( e* b6 g8 F% T F Idocument.execCommand
4 D2 P+ i" f: P5 d3 L) a窗体COOKIE 8 B' v3 e! s6 K K- s: [7 I
document.cookie' s" ?$ H* [1 L& R, j! X
菜单事件
8 T0 O, h* g F$ h1 t/ K9 V5 I9 y6 ?; adocument.oncontextmenu& v, J y) S7 Z* t _' E* V
创建元素
- s, u$ E& |" i. x6 Udocument.createElement("SPAN");
$ B" x: m3 v9 B: e: A2 `) b/ F根据鼠标获得元素： 2 y! [- W, w- f/ I# b
document.elementFromPoint(event.x,event.y).tagName=="TD 2 L( ]3 q' }' Z# u
document.elementFromPoint(event.x,event.y).appendChild(ms) 3 h4 Q: }5 {4 r; m
窗体图片
/ u- b5 e! W4 `5 Ldocument.images[索引]
1 Y" T1 X# c4 I$ p S窗体事件绑定 0 V, C" Z9 q# f% |1 P1 C3 T7 m
document.onmousedown=scrollwindow;
7 e* x3 N0 g' }( M元素 : a( M Y# |. q: g1 i
document.窗体.elements[索引]
0 p; ]' {& \# R! L对象绑定事件 - s, @! Z5 j5 _- k: K7 r4 H- W. L; [0 ]
document.all.xxx.detachEvent('onclick',a);
& e1 o% H" L5 I3 a& G) g插件数目 ; _$ f% S1 K4 y7 s) L' O4 L4 W& M4 Q
navigator.plugins
$ k" K0 T0 x9 x9 X' z& W取变量类型
( i/ P! O& F6 w, q9 U d4 n0 ^' _% Ztypeof($js_libpath) == "undefined"2 c c f4 I: y! {' T" o2 n5 V
下拉框
" x; x6 l8 E3 v/ Q下拉框.options[索引] * C9 {% N# U- }' q+ D1 J# e
下拉框.options.length
6 I' `2 b. i/ h. s+ A* o查找对象
J* u( h% F3 T6 R' o3 Hdocument.getElementsByName("r1");
9 ~: B# X( q2 w' D' E N0 ~document.getElementById(id);
/ ?, q! R3 A. j1 b0 a u8 @定时 % J2 }# o9 p; }) o
timer=setInterval('scrollwindow()',delay); % R; H# F# _" J: t7 F9 ?" N) V' T: O
clearInterval(timer);
+ V% B9 F; K$ z% ?8 d. P* W! m5 fUNCODE编码 - m( |8 ?9 Z3 x. v
escape() ,unescape
2 A/ P: E0 z) t# K4 v7 m, x9 r父对象
: n, @" x( B7 {: C+ ~, `' robj.parentElement(dhtml)
% u+ J {! l/ W+ N, w: {obj.parentNode(dom)
* f9 _1 g2 a% n6 u7 U! m: V0 T交换表的行 ' m0 A6 ]2 J$ Q; a9 w* t/ l
TableID.moveRow(2,1)
/ K) c i# j0 [0 i替换CSS / |. w: ?3 _* ~9 {2 Z' Z: U$ X
document.all.csss.href = "a.css";
$ C8 P& g5 t6 J+ e9 Z9 C; N1 b并排显示 * E5 j# X: d5 X$ f
display:inline4 R* e8 [# H# ]# |
隐藏焦点
" [. S6 R0 F& z$ l9 z" i7 d: ?hidefocus=true
6 H! G. a5 U" N. X- s根据宽度换行 - w" i+ b J# p9 {/ ^ y) X
style="word-break:break-all"
3 V& G+ G9 k: y. F b& `% i" S自动刷新 & f. w. S, a) C# _! L3 s
<meta HTTP-EQUIV="refresh" C>! c- K! _- q; D# f! U# a: y& D8 w
简单邮件 & I9 R4 h, W0 S6 U0 }
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
$ L G: G- d/ ]4 T }快速转到位置 % m, y9 X- C1 J6 \
obj.scrollIntoView(true)3 t2 b6 k3 p$ F, C" Q& o- p
锚
" A1 ~" F8 b( F# a k. I% h<a name="first"> 1 {0 h9 @/ o3 B4 E0 T
<a href="#first">anchors</a>6 i L2 `0 a' V
网页传递参数
$ R0 b4 X9 e6 }1 Hlocation.search(); r# E$ I4 E4 t# W
可编辑 * @, r4 ^5 d+ l0 [# B; t0 _6 `& i
obj.contenteditable=true
9 g4 z+ M, s9 ~6 [) M5 Y6 D执行菜单命令
% v; K! b* S+ J/ A% sobj.execCommand- K4 ~4 q/ W) h- M
双字节字符 : f) |- W9 l0 ?3 T- l5 Z" r1 g
/[^\x00-\xff]/ - K, ^1 w& j- z* e
汉字
. e2 ^. ?9 j! s8 A9 h0 u$ Y: T/[\u4e00-\u9fa5]/
1 [, J4 `# p9 b8 u* Y3 S4 a让英文字符串超出表格宽度自动换行
0 ~: D7 Q; T/ x+ k/ [( }/ Nword-wrap: break-word; word-break: break-all;
( j2 D9 Q% B3 r" t% p2 s+ h透明背景
4 G1 Q; _& z/ }<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>6 ^6 }$ Q% H% T* B. R) J( v! e
获得style内容
: ], p- N2 X" a& @0 n6 [obj.style.cssText
6 b5 }" [) v& Z7 T& vHTML标签 7 N/ i5 i) S' {- w+ T! V
document.documentElement.innerHTML
4 n8 u5 f$ [. `6 d( w) q第一个style标签 1 H. R5 U, j8 l7 h9 P9 N9 i0 K
document.styleSheets[0]* J3 c: u* G o* @$ D9 ^2 \" Z
style标签里的第一个样式
7 H K; D; Z+ \, Kdocument.styleSheets[0].rules[0]: D3 Y) L8 T6 @* V W
防止点击空链接时，页面往往重置到页首端。
7 @/ _2 W4 ~4 ]<a href="javascript:function()">word</a>% `8 X0 e0 B2 T7 `$ X
上一网页源 , R$ o, p$ n5 w% w3 |$ F
asp:
) K0 Q6 J. Q1 U1 O- D* V, O/ X# d1 [request.servervariables("HTTP_REFERER")
. G9 \/ F9 P: F/ v$ l8 xjavascript:
2 t5 k; u2 R4 {3 A6 {7 `3 cdocument.referrer. k1 B) W8 _" X J- }* ?% Y' \
释放内存 ; \) j, k$ ]- W* W. T' a
CollectGarbage();- C) F4 ?0 |8 ]2 g5 C/ {) b
禁止右键
7 Z2 c2 X: x) y, q0 A* r# b* Qdocument.oncontextmenu = function() { return false;}
2 _$ {9 q G9 a禁止保存 ) {& u/ U6 B' }1 _1 c
<noscript><iframe src="*.htm"></iframe></noscript>
4 k+ d" N4 Z! ~7 m禁止选取<body Shortcut Icon" href="favicon.ico">
6 z) J8 P# `! bfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下4 j& l8 I4 {4 y8 H* Q: L& Q1 z
收藏栏图标
/ ?, M1 Z* |+ b! M# P<link rel="Bookmark" href="favicon.ico">6 ~& M/ Y4 N3 B$ u; R: N! \
查看源码
# ?. ~' g5 V/ D<input type=button value=查看网页源代码 >6 C3 b2 o3 ~4 F
关闭输入法 ! i1 [4 m0 s7 j6 N- b
<input style="ime-mode:disabled">
- p' i0 `6 d7 z- H X% s1 _1 L: `自动全选
, R: T3 Y5 L: z<input type=text name=text1 value="123" >
6 e4 o# S$ f* e6 O) QENTER键可以让光标移到下一个输入框
+ n+ g" a/ N8 j<input >
) u4 R$ n# ?( |' t! a文本框的默认值 3 d7 q6 H# A& A
<input type=text value="123" >
/ k6 Y. ?7 M# K6 `" g. h+ c. }title换行
2 f+ w0 k; P0 uobj.title = "123 sdfs "
9 ~1 c2 w2 @" c获得时间所代表的微秒
2 R1 L7 q1 {' n7 _8 Bvar n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()- U2 T' ^3 O8 k5 B
窗口是否关闭 ; o* K7 n" X, Z% `% S5 X. ?7 W
win.closed
6 z; `4 r, Z1 v( J- P$ z) c+ U7 ?/ l; t" P0 }; L1 p; ?
checkbox扁平
. r9 K; B4 b: f& R" |<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br># E0 k) k* u* ^2 l% r9 G7 i
获取选中内容 6 ^; I0 H" M3 R' g
document.selection.createRange().duplicate().text
8 L7 _( P* G3 g, ^# J# T自动完成功能 % d6 K d" i6 K |
<input type=text autocomplete=on>打开该功能
' c) m, F6 Z; N9 s; a3 B0 d& H<input type=text autocomplete=off>关闭该功能; i. q, {3 }$ K
关闭窗口
% Y3 p7 A$ ^" Y2 Awindow.close();
! n; D9 N4 b) C6 I返回
+ V7 B* W! [3 _4 d1 whistory.back();
2 B- ?4 D" ^7 N; @( H无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
( s+ ]# a; k! ?/ P8 ^3 d; }7 x. T统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 2 [. n4 h5 D) m* e8 ~& I& { ?
encodeURIComponent对":"、"/"、";" 和 "?"也编码
' g6 `1 u4 k- k4 j2 r: m( C3 @: ]1 O/ @
8 V. J; J' D! c3 E3 Q' N' U+ M+ c/ g! Y+ h& \6 \$ f d
|
zan
|
IP卡
狗仔卡
发表于 2019-3-23 13:35
转播
淘帖
分享
收藏
支持
反对
微信
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
显身卡
