数学建模社区-数学中国
标题:
JS代码大全
[打印本页]
作者:
madio
时间:
2019-3-23 13:35
标题:
JS代码大全
事件源对象
# O; i" N# R! b/ b4 V H9 U/ j9 `
event.srcElement.tagName
1 G$ k6 b$ N( O7 f( j3 q
event.srcElement.type
6 Q& d& e: v5 b1 L
, x7 V# k5 k Z9 z" |
捕获释放
; r! b' }2 ~5 q( A4 p
event.srcElement.setCapture();
8 T& _* x' `+ ~+ [4 d3 |
event.srcElement.releaseCapture();
6 | e8 C( z& [4 u2 \
事件按键
( T" G. f0 f2 L/ E5 L' I
event.keyCode
- ]* d( J& Q6 J7 Z, l: A
event.shiftKey
. @5 Y3 A- Q. Y F& t7 _" X Y+ N9 ]
event.altKey
* w$ c( V# [$ W& \7 u
event.ctrlKey
0 U# q; L5 H- ?' S2 ?4 v E; f, {
事件返回值
, a4 b8 {; X" y x
event.returnValue
' u2 D: h/ w2 W! i' Y
鼠标位置
9 G) x9 N' Q: o& c+ o
event.x
- _/ H$ \' [* k+ [# j. P- o
event.y
% O' [" G' C4 R* S" ?" y& ~
窗体活动元素
9 A* K5 s0 e3 {" I; h' x. P# l
document.activeElement
$ I9 X& y- r) u b* s, M
绑定事件
R9 ^# S- J- S4 H, ~. e
document.captureEvents(Event.KEYDOWN);
# y+ c! {2 f' W- e( G: }
访问窗体元素
0 j5 o# Q* c0 U+ A8 k
document.all("txt").focus();
2 A: S- k N3 R$ ^6 d. O
document.all("txt").select();
$ a# ]& E2 Y0 c4 b# p1 I5 n
窗体命令
# ~0 B9 |/ Q1 y
document.execCommand
% I7 Z: _) H( j- c7 `' g
窗体COOKIE
, i. T- q, C# ^; I, h8 ?
document.cookie
6 n$ z: Q$ j& ]) s8 a
菜单事件
+ m1 O! I8 m5 V; b$ j" Z
document.oncontextmenu
! a. R( z; Y: P/ r
创建元素
4 |, e" D! B5 @+ s# Q
document.createElement("SPAN");
7 a( Z/ v( ]7 m
根据鼠标获得元素：
% V9 F- q, f/ g* G: n+ G9 x I+ q7 C! N
document.elementFromPoint(event.x,event.y).tagName=="TD
% p1 i9 e) N0 @: E8 a
document.elementFromPoint(event.x,event.y).appendChild(ms)
$ Z* X# J X1 g6 J$ [" t
窗体图片
( ~8 f: I: ?) y M
document.images[索引]
; A& ?) i( A1 i' \# m# N7 O0 A* U
窗体事件绑定
m, c$ Q7 `7 c9 \* J
document.onmousedown=scrollwindow;
2 h( z; K7 X2 c% q7 T
元素
; p+ c1 V4 n* p) R8 e
document.窗体.elements[索引]
3 N# ~! Q; l2 E0 R
对象绑定事件
. h5 T' `( X, ]5 G$ C" U0 _
document.all.xxx.detachEvent('onclick',a);
/ ]% n6 |0 U" ]3 z3 D3 e; f `
插件数目
( H( P" d; {8 [( Y# r# _
navigator.plugins
) C0 R! H+ v! ?; J0 K
取变量类型
9 B: D0 H$ W9 m1 ~( V8 z: r& E9 m
typeof($js_libpath) == "undefined"
" D) L( a2 E( E
下拉框
6 [; J0 e, ^3 k" O6 n6 \: g- B
下拉框.options[索引]
6 j( | U3 @7 X2 j+ v- e
下拉框.options.length
! o9 d; [+ c0 u
查找对象
- h: H- f+ |0 H2 h1 v% x
document.getElementsByName("r1");
p% K9 f4 O, k
document.getElementById(id);
: X. A" U# E, i" z e' U" u" p0 Y
定时
& y/ O+ h2 ?0 \ U3 }
timer=setInterval('scrollwindow()',delay);
% a1 u4 k; k @' S; J8 K( d
clearInterval(timer);
0 q; l# j3 m* Y/ X' R' w
UNCODE编码
& l) g/ R g s1 v5 B8 I# @
escape() ,unescape
D3 a3 |) Y" S% g9 X
父对象
+ c, Y8 ~1 k9 I' I4 k2 [5 r
obj.parentElement(dhtml)
8 ~5 @, o4 a3 x$ ?8 J6 m) K
obj.parentNode(dom)
6 P3 P3 a: a+ V+ `; E; g
交换表的行
. s5 Z* `) ~. ^) I. _ C3 o
TableID.moveRow(2,1)
' e0 u" U2 C4 U+ q2 _1 H" v
替换CSS
3 o9 O" t( [: y
document.all.csss.href = "a.css";
; f/ F; \! t- E/ ~/ _9 p% }
并排显示
( E; X5 F, c7 U' o' v) v
display:inline
% D- u3 v S8 {/ D) E I& H
隐藏焦点
3 {2 l H, t' h2 _# X/ z
hidefocus=true
X( g! q8 v3 M, u( Y# V
根据宽度换行
- {6 A: h1 a% S# Y5 d" D
style="word-break:break-all"
0 L! {- J& I; q
自动刷新
5 ?* R1 P% Z3 |8 I1 c3 a/ N0 r
<meta HTTP-EQUIV="refresh" C>
( g2 @0 k/ B& |% ^
简单邮件
' q* m& ?" `+ s
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
. O I1 ?! `4 w3 C
快速转到位置
# k9 T. j4 M* I" R
obj.scrollIntoView(true)
2 V ~+ Y |, d# ~, C
锚
9 [9 B. n9 F7 @1 l
<a name="first">
+ i( P8 p- [* O7 W
<a href="#first">anchors</a>
+ r6 [; W/ T3 {0 Z2 q+ Z" a8 Z
网页传递参数
8 i$ F5 w) b3 |) N
location.search();
; E) A- S& G! L R7 Z' D( u
可编辑
- ^- g- ?; g2 s% F- M% K$ P* e3 q
obj.contenteditable=true
' U3 H4 s; n; Q* S& \$ |
执行菜单命令
) G7 M) m5 b& j/ D9 n. N L% d" ^
obj.execCommand
, U, v2 Q7 Y. J4 A1 t. w* I8 O9 K G
双字节字符
+ ]( a" Q. n+ w5 v2 n. X+ \+ {
/[^\x00-\xff]/
5 W& `, j% {6 f& I
汉字
. H3 ` {4 d1 H: l; }& J1 G% q
/[\u4e00-\u9fa5]/
+ d+ G/ U' ^- T1 b6 |: N" j
让英文字符串超出表格宽度自动换行
9 @" E1 B9 V* a }/ Z1 W
word-wrap: break-word; word-break: break-all;
6 F5 s: ^" w5 c% T. n! T/ S" A: H4 q
透明背景
0 x3 K# L0 \ _1 x% v! O: _% _
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
1 N* O' S1 B, I% D
获得style内容
4 P, L7 D9 n5 [
obj.style.cssText
9 b! I6 ^( c) ~) G3 d8 \
HTML标签
9 o. Q7 p. G# `% [2 Q
document.documentElement.innerHTML
! x- |* Q6 p6 I- `# B. Y. u
第一个style标签
( l+ L5 ]2 E; x9 X' G; Q* d! t1 t
document.styleSheets[0]
& W; G7 D( ?1 j |/ _5 |
style标签里的第一个样式
" U2 Q0 u1 V7 { {9 e) f j; e
document.styleSheets[0].rules[0]
2 W9 A# t" P' d/ Z2 [) h
防止点击空链接时，页面往往重置到页首端。
6 C/ c$ n7 q/ M- Z% m8 Q
<a href="javascript:function()">word</a>
! S. O* _: b( j& _
上一网页源
) B! \9 T+ w, Z
asp:
7 F$ z) t- G8 J! l8 k% _
request.servervariables("HTTP_REFERER")
) x3 _) Y$ [5 n0 s; e2 f
javascript:
& M; b3 M6 f1 q8 C+ k. e( T
document.referrer
# y7 r! w- W0 f3 ^& D$ C( b9 D
释放内存
: t. _4 j; Q4 b# ^; ]
CollectGarbage();
5 R$ P. U: _- J5 ~; x
禁止右键
! ]: [) e! {$ Q* a4 u
document.oncontextmenu = function() { return false;}
1 p& v; w. E* X1 h. \, P
禁止保存
9 N% L T, V" I3 X$ b, y/ ^; j$ E/ M
<noscript><iframe src="*.htm"></iframe></noscript>
; R L Q; u2 R t* _
禁止选取<body Shortcut Icon" href="favicon.ico">
Q( E- i& c/ M3 }) H
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
7 `$ P$ t ?7 M
收藏栏图标
1 N7 C; M9 J. Z4 y# B$ E! S4 q4 X
<link rel="Bookmark" href="favicon.ico">
8 C, d6 s0 j# |0 u/ m3 \) K8 x
查看源码
3 A4 \ I7 [. G' J! B1 t
<input type=button value=查看网页源代码 >
W1 Z' S7 Y2 B& Z
关闭输入法
! }. O; U* l, Q( C8 C$ g
<input style="ime-mode:disabled">
. M& N. O; \7 T3 c5 ?7 @# E
自动全选
" s' I( h# z5 H3 A H" P6 I
<input type=text name=text1 value="123" >
& N9 ~0 ?, j& v: \; L1 |/ c
ENTER键可以让光标移到下一个输入框
' y0 @3 z/ v, d
<input >
/ C5 y5 J, L$ [4 d
文本框的默认值
5 q( N, r- T- E5 T3 l
<input type=text value="123" >
+ X8 c" j$ f# T, o
title换行
* N. N( I) `, ~1 ~: D
obj.title = "123 sdfs "
* u# s$ W: L& {8 o" m+ S- q6 [4 K( |5 @
获得时间所代表的微秒
% u1 m0 l8 j1 A8 J- }" H
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
- e* P, z0 g( N6 ]) u! C
窗口是否关闭
+ _1 i3 u! k8 u1 b
win.closed
! l2 V, J5 w0 _
( J% w; B" j8 [4 H
checkbox扁平
! a5 I$ Y( {% Y" b0 s( `, ~
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
) c* s8 l% `, d: q
获取选中内容
+ m# K }: j# ]( C$ i, W1 H
document.selection.createRange().duplicate().text
]. ~2 P; x& Z% X5 E4 E. y* V
自动完成功能
7 H1 G% r! _- n" S/ m( d
<input type=text autocomplete=on>打开该功能
4 u R8 w' v) [9 @$ O
<input type=text autocomplete=off>关闭该功能
7 C1 J6 _) k1 y$ k& @, w- H
关闭窗口
; u& }6 o$ X1 d$ u& @. d5 A
window.close();
* l. l$ T0 B/ e% U! t
返回
- R/ v. V# x* n0 g. L i6 x9 B
history.back();
" P4 |% R L; q5 f8 ~; G6 W* [# L
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
, g7 g# ] R6 m- V2 S
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
# f- ]9 z7 t( e/ v5 m) B
encodeURIComponent对":"、"/"、";" 和 "?"也编码
6 V5 l6 k/ \0 M- \+ e
: c4 p- I0 w2 P2 h0 T [
& X9 g' t8 X4 e9 d+ `* t% V+ o F
$ u$ N% H4 Q" [6 Y7 W, T
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5