数学建模社区-数学中国
标题:
JS代码大全
[打印本页]
作者:
madio
时间:
2019-3-23 13:35
标题:
JS代码大全
事件源对象
9 P* }8 H. E1 G- k% t( S
event.srcElement.tagName
3 Q% A1 z. ~$ k9 G: U7 o8 T4 q0 w/ e
event.srcElement.type
& G9 S! _% _0 l0 S. r
; K; w3 M6 D. U! p. c0 z" F$ |5 v, n5 d
捕获释放
5 W% W* v* Q3 s/ R2 m7 p- }
event.srcElement.setCapture();
; t2 R5 u) N8 _7 @/ J9 y7 Z3 ~
event.srcElement.releaseCapture();
! T; a& `! j J; K' D5 v9 C
事件按键
! B7 o7 q' J9 Q+ l \6 B& P9 X- m; E
event.keyCode
8 v* r. c- d: [) V
event.shiftKey
+ L( \$ o4 m6 O
event.altKey
$ W: q3 Z1 f; k9 J9 i
event.ctrlKey
" q7 h0 R2 N+ K& r8 q! Z' b
事件返回值
- I: L+ @3 J3 v0 P; e
event.returnValue
2 |- E! ^# V- V7 d: X$ t- C
鼠标位置
: \, @! }4 r& w+ f) Q( m7 F, i
event.x
) `5 [& [' j; I# m+ A2 B; x
event.y
' ]# ~1 ?& W) y6 ~, J
窗体活动元素
6 G# s: @' I: v, J. V
document.activeElement
# }6 E& d8 n/ l v1 V; g$ n+ D/ N
绑定事件
: k9 g& ] w- ^6 m0 i# s
document.captureEvents(Event.KEYDOWN);
: i% P/ E1 D9 n( s: N4 ^5 E7 a
访问窗体元素
+ l* K' m! P$ R1 R- ?7 k! H1 u" E& B5 b
document.all("txt").focus();
+ h3 D1 i+ C8 m, R# A
document.all("txt").select();
% T8 n, m- S: g. ?8 p
窗体命令
4 W1 |$ {! z5 g) @
document.execCommand
+ }) J( B$ b y" p. J% z
窗体COOKIE
! Y% C: F/ f9 X. F8 S2 D! C
document.cookie
8 d5 H6 [3 _0 d- P- a4 L8 N, A* {
菜单事件
. W! P2 R4 u, [1 m
document.oncontextmenu
! u' F) L4 d# r- s# C7 n
创建元素
& F+ i4 D! ~& b* u; R
document.createElement("SPAN");
4 w3 j# Q( ]" o+ C$ k6 D
根据鼠标获得元素:
% D% `& E/ ~" s
document.elementFromPoint(event.x,event.y).tagName=="TD
+ P3 S" j- ]# m
document.elementFromPoint(event.x,event.y).appendChild(ms)
3 h4 f" n* s+ f
窗体图片
" |/ Q M( \# Q7 s; a/ g
document.images[索引]
. u* P* r& Z) h
窗体事件绑定
8 ?4 K+ L# U8 |$ x6 O) p
document.onmousedown=scrollwindow;
% \/ d; r, d$ J1 l+ [) i: j
元素
T* O- J0 |9 [& T3 z; I
document.窗体.elements[索引]
- h$ \. V/ E9 y3 H. H* @
对象绑定事件
$ f( P% N, d% P' x
document.all.xxx.detachEvent('onclick',a);
* S h& F" T1 J4 l
插件数目
' Z# i6 G: c, X. F8 i6 U8 ~& r9 @
navigator.plugins
+ I, q; A/ h3 Y
取变量类型
5 K$ Q* D) e n& {& L
typeof($js_libpath) == "undefined"
9 n" E( R0 r3 a9 z& P
下拉框
" F" ?" B( }: W2 S
下拉框.options[索引]
) n+ u: K" E9 F, D! R7 Y& }
下拉框.options.length
" U8 ?- x2 o; ~7 |2 | `- J$ e
查找对象
# s) G, L' }6 ^7 I6 z
document.getElementsByName("r1");
5 v& \( _1 n( g$ h. C
document.getElementById(id);
! k" ]8 h+ b5 O/ O) B
定时
( M+ G0 c6 J Q& e
timer=setInterval('scrollwindow()',delay);
/ C# E: ^* U1 ^1 ~
clearInterval(timer);
8 ?5 W2 k9 l$ G6 K
UNCODE编码
# I+ Y2 h0 k/ q4 m8 [4 l0 f
escape() ,unescape
+ g) E9 w$ {# i( T/ y; Y
父对象
% k) O3 G% a: [* Z
obj.parentElement(dhtml)
. [5 U# \. a! I
obj.parentNode(dom)
3 h: ^7 C) a8 j; v4 _- a4 j
交换表的行
9 n9 l5 p0 s5 a" ]" Q
TableID.moveRow(2,1)
5 t2 E& u2 b* d6 C
替换CSS
+ K9 x, p& |5 {0 U0 Y+ N
document.all.csss.href = "a.css";
( ]0 `5 s. {, G( [3 L
并排显示
3 g4 h. C c, B1 Y# i3 _7 |( K! i6 @
display:inline
& G' H9 S1 ^" b$ ]( t
隐藏焦点
* j% W6 u, O) Y$ z3 t
hidefocus=true
3 }7 V" X# u" `1 [
根据宽度换行
- i- D! t5 T. x
style="word-break:break-all"
( D0 b8 z+ B# ]& a% p' B! y5 J O
自动刷新
( {* H( D* R! w' K1 S1 a. c
<meta HTTP-EQUIV="refresh" C>
% W/ }6 O' Q8 R
简单邮件
4 `" \1 `( |/ l" u7 f Q {
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
& O+ T# `! F, v
快速转到位置
4 R- _5 e, a/ o5 m8 O& r, [- w
obj.scrollIntoView(true)
5 |) \9 q0 X' F: J7 o) y
锚
+ p; v" c2 Y$ b* n8 y
<a name="first">
9 J9 n' c3 n7 P# p4 u
<a href="#first">anchors</a>
+ k8 d+ V5 K% Q
网页传递参数
$ m- z" d; Z/ M! Z
location.search();
4 g2 X' l" W# W: `
可编辑
6 b" o/ y* X) S; a
obj.contenteditable=true
2 s3 n' n, V: T5 l# z$ T+ k
执行菜单命令
# E1 r0 U. |/ ^) p6 _
obj.execCommand
/ Y2 {: V- n! D
双字节字符
% }! {# v! Z+ r
/[^\x00-\xff]/
* _# o$ P7 Y* q; T% e, u# A
汉字
+ r3 Y7 g+ _ q$ E U# V; u: S
/[\u4e00-\u9fa5]/
, e8 T$ C% J& V) ?1 \
让英文字符串超出表格宽度自动换行
$ y7 c+ P- l9 i6 J7 k
word-wrap: break-word; word-break: break-all;
8 O' e$ F! V- K4 T9 f* n d
透明背景
' Y: y* R+ ^$ Z7 k/ T# T2 m" l
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
' Y* n. g8 G- l9 j* b- c
获得style内容
% J! e9 ]/ B; E, ]5 Z# ?
obj.style.cssText
" w$ d5 t: R( J; }9 {6 c
HTML标签
7 I; P; W6 g' t" _5 `1 J! c: f
document.documentElement.innerHTML
( P' Z0 W; ]/ X. \1 j3 e
第一个style标签
$ w( D! a q* ~: I' n0 z0 F! _
document.styleSheets[0]
" @3 D# U7 r1 v0 Z$ Z' R; d
style标签里的第一个样式
+ b P/ J% Z6 ^5 s
document.styleSheets[0].rules[0]
- p: Q. l$ B% E- w! C4 h
防止点击空链接时,页面往往重置到页首端。
; E9 t! A) G3 a, n6 n& X
<a href="javascript:function()">word</a>
& ~$ j7 O( S- t8 o
上一网页源
6 d! z4 J9 g3 J( _7 P5 U' a
asp:
|. G, |6 N3 B7 H4 ~5 x8 R f$ [+ m
request.servervariables("HTTP_REFERER")
1 e/ W0 x2 @( b1 r
javascript:
( _( n0 c9 v" K) n
document.referrer
. M$ L4 n) i8 I3 c
释放内存
$ ]) p3 i! t7 W
CollectGarbage();
4 D! g4 B" Y$ w3 w1 Y& d
禁止右键
. Z! r3 N6 \+ d! L; Z V
document.oncontextmenu = function() { return false;}
. L: {; ~$ K) r1 ]8 S: n( S
禁止保存
2 m* |9 G# }5 X4 _! J
<noscript><iframe src="*.htm"></iframe></noscript>
* c& v4 B' R) e
禁止选取<body Shortcut Icon" href="favicon.ico">
8 Z0 H+ w2 Z* l# x9 B# r) j0 n2 D
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
# u, p; V- t: K) T- r/ _4 l8 L
收藏栏图标
, ?) i9 P$ g `; F4 G
<link rel="Bookmark" href="favicon.ico">
* H! s( y; `; L5 M) b c# L* V
查看源码
6 ?+ S( _. U- `5 r
<input type=button value=查看网页源代码 >
2 A1 v* g! X/ v# g' z: D
关闭输入法
' p5 X5 |4 a$ h3 ~' q% x6 \
<input style="ime-mode:disabled">
* p" W1 {7 _1 H# v7 G
自动全选
* ?: J* P5 G7 e3 c& k8 D* t7 N
<input type=text name=text1 value="123" >
: `# e! H/ i5 U. ^
ENTER键可以让光标移到下一个输入框
# _* T7 T! C! y7 V0 v$ j2 w
<input >
' u, f2 j; Z4 T- u/ q8 [
文本框的默认值
3 u: w& g5 D& v5 \8 d1 w5 H% N
<input type=text value="123" >
9 B) |7 g v& R" ?8 [0 o
title换行
/ |' P- Y- _# C' i
obj.title = "123 sdfs "
/ T6 ~8 s( v3 w
获得时间所代表的微秒
7 d7 ^) H% i7 Y) f
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
3 H- J: K. p- z4 }/ j* @; L
窗口是否关闭
$ h* y2 G. E: h$ o8 ^& y$ f
win.closed
( f( Z9 h9 m+ G2 ~. }- g j/ y
, a+ C6 H* M5 ~( v: N) E. n- D9 M! Y
checkbox扁平
! G* }* I. C! E" Y% p/ \
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
) `6 `% R' `, z* q K
获取选中内容
# m! G' B2 _5 y4 }# b4 R
document.selection.createRange().duplicate().text
7 h( d, e! E3 }" A
自动完成功能
# I' y# S) Y+ j
<input type=text autocomplete=on>打开该功能
. S* i7 x7 d8 e' a+ Y
<input type=text autocomplete=off>关闭该功能
1 v2 s$ f4 s+ f+ [
关闭窗口
$ x; g6 a# D) m+ Q& ]6 u G
window.close();
3 k9 a i2 W: L" b( i( \
返回
! ]6 h' i. d4 G4 T' d( W
history.back();
; w/ ^' N$ X( V( d: ?
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
0 \9 x n) A( `" J* ^
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
# M( s2 ~5 R: R5 ?* \6 A( Y4 f
encodeURIComponent对":"、"/"、";" 和 "?"也编码
. e( q: g. ]$ n/ y$ f8 f! m
: ^2 p- ~8 T5 v
6 v3 t) Y. h0 m0 V0 }
* X( I5 _7 C/ ]* X, T
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5