数学建模社区-数学中国
标题:
JS代码大全
[打印本页]
作者:
madio
时间:
2019-3-23 13:35
标题:
JS代码大全
事件源对象
% Y: Z' E4 ^9 `* H+ s, T
event.srcElement.tagName
h/ w- x2 U. s6 _
event.srcElement.type
( W' Q& p% q/ j" j5 a
9 G0 ?5 \0 Q& Y3 p9 x
捕获释放
" q( |9 s% h! {& J( \) ] k
event.srcElement.setCapture();
8 T. B. u6 B. f' w& s Y
event.srcElement.releaseCapture();
4 q( C, J) v- q0 b) B
事件按键
7 L. N! ~$ ~, R6 X. _
event.keyCode
! N6 |6 k. t2 B* D9 v
event.shiftKey
) H; H, K! {# R
event.altKey
5 j! {( P: w9 t6 r4 _
event.ctrlKey
s9 r* ] I: q) ?: Q9 U0 v0 h
事件返回值
' l/ i' v7 j; _' Z8 p
event.returnValue
$ Y7 |9 X! X& L, w9 u3 q/ b
鼠标位置
) v2 Y/ D {3 y5 A
event.x
, P. ~0 Y& v ^, _7 G# k( U0 l
event.y
! k1 k# h" n4 m3 b7 j+ _7 X/ Z
窗体活动元素
% n4 R" L: D% {7 M0 ? \* ^
document.activeElement
; x S0 w2 u$ ~! k* q1 l- _* n+ M
绑定事件
9 B! D9 M" L1 i0 L3 J# X% ?
document.captureEvents(Event.KEYDOWN);
2 `$ c. B; O! ^6 |
访问窗体元素
6 c8 V8 H4 t: T7 I+ }7 V
document.all("txt").focus();
4 M+ d% }+ C0 @6 m
document.all("txt").select();
; u/ S$ o5 U5 ~, V; C
窗体命令
- ] Z8 t8 k* D9 h) @* O X" t
document.execCommand
- k7 @/ q& B2 `6 q* u
窗体COOKIE
3 f- w, ~0 x% m& m/ L; P
document.cookie
4 \$ R' t6 O5 a/ ]6 _
菜单事件
2 A- b" @% G9 T& _3 t5 g; M
document.oncontextmenu
4 h6 y& }% P9 b, ?
创建元素
+ c% y7 S1 v) [4 m' r
document.createElement("SPAN");
8 I4 q$ C. ^4 Q. p
根据鼠标获得元素：
g* A* F7 {! @2 K8 n$ @
document.elementFromPoint(event.x,event.y).tagName=="TD
$ C7 R0 x5 F& a$ {6 n+ N/ B
document.elementFromPoint(event.x,event.y).appendChild(ms)
7 |! `7 H( t# L; J/ u+ h) O
窗体图片
! c% X. B" K* k* o2 v. s
document.images[索引]
/ W2 B {/ C" y0 g2 C
窗体事件绑定
; J$ M2 a4 c, g: j* ?
document.onmousedown=scrollwindow;
! V) R0 [. ]* x) n. t0 F) E
元素
, c: X8 b: ^: C3 r; N
document.窗体.elements[索引]
" `% Q5 N2 t( q0 I( f
对象绑定事件
c; _- J6 d: k- f# }# J
document.all.xxx.detachEvent('onclick',a);
1 a8 W$ R+ o; i$ c% P
插件数目
( w, J0 C6 ?7 Y+ G& \$ j
navigator.plugins
9 \' F1 X& [ m9 Q+ N5 x( o
取变量类型
6 N; w9 Y; s h1 x
typeof($js_libpath) == "undefined"
1 b5 `4 W! r* ]# j8 E7 l
下拉框
; M2 {. ]% r1 ?; `3 f
下拉框.options[索引]
7 i7 g- P- J6 ?$ Z
下拉框.options.length
& v* _$ m7 Y' D: {9 L/ Q4 y
查找对象
, y$ M. ] y- r: H" [# H
document.getElementsByName("r1");
. K4 Y9 V( h$ Z% I/ }
document.getElementById(id);
8 p2 M3 i: p6 t9 Y6 Q
定时
! t; }0 B) d( T' w9 d& K1 r
timer=setInterval('scrollwindow()',delay);
, L/ ?! [8 M# S8 D2 b4 f
clearInterval(timer);
" i Y S3 R+ i- R( v, K( n* e/ v9 x
UNCODE编码
! k. u( c, X' D! \* b
escape() ,unescape
* o& e3 G4 z: p) h, m4 }2 I
父对象
: a q) w# k, |/ k( L) U/ u# K
obj.parentElement(dhtml)
9 |. m# s; Y0 f
obj.parentNode(dom)
' O+ ^3 K9 S( R% ` E7 g
交换表的行
' Z( h$ ^7 H- \" |, b
TableID.moveRow(2,1)
$ ]& g+ x+ O" i/ q, |9 v
替换CSS
8 n/ c% L" Y+ P! B5 C
document.all.csss.href = "a.css";
# q" U Y( {0 d1 k
并排显示
5 ]' k$ P8 r I& u. U
display:inline
4 P* N, Y3 k A, S7 y8 P, |! ?" X
隐藏焦点
b! c- O* y" t$ s5 b" R
hidefocus=true
0 n" ~9 a4 T3 d" @
根据宽度换行
" b$ t( P/ L0 B8 j. d! t( r
style="word-break:break-all"
; M" }' i3 s) ]
自动刷新
: g& Y5 N& v9 Z4 |
<meta HTTP-EQUIV="refresh" C>
3 K" V" ~5 ~# N
简单邮件
: ~2 f: J1 L0 H
<a href="[email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">
0 s/ y: x) X( V O# C& _8 {9 Q( d
快速转到位置
% A$ K# G4 s+ V2 G6 I! y {( G
obj.scrollIntoView(true)
8 v- s5 W* [. A, S" [, |
锚
7 l7 c0 [4 X9 q! n" I0 s
<a name="first">
4 z E/ Y' |# x W6 R
<a href="#first">anchors</a>
1 h) j5 h4 C# B5 r: W- b
网页传递参数
1 S0 q! A5 Z- o3 u9 f
location.search();
1 t5 O/ m0 M/ M9 K4 P' @5 G1 |5 D
可编辑
- o% v# H" q# q% ~0 P
obj.contenteditable=true
: m0 x! v8 _, F K
执行菜单命令
' {2 c( O5 X2 w
obj.execCommand
8 p6 \2 Z1 M' w% w
双字节字符
, d) z2 ]. B9 S/ r1 j
/[^\x00-\xff]/
7 S4 G" V7 B/ [
汉字
& e! f! a+ l; Q! v' i
/[\u4e00-\u9fa5]/
" ]( y# E! _- I+ B& e7 S
让英文字符串超出表格宽度自动换行
0 m5 ^+ I1 O; L" {6 i6 v
word-wrap: break-word; word-break: break-all;
v9 a L3 {8 f2 Q2 h) h
透明背景
) ]" M" x N1 }+ N/ ]' [
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
^$ |1 x) ?7 n9 e1 A8 B
获得style内容
. Y( ?$ S( v- l# e! `
obj.style.cssText
, `: ^- ^. _- [1 `0 t+ i
HTML标签
5 T3 @4 Z- R! A- e3 Y
document.documentElement.innerHTML
" W9 G' w% Z2 o9 R8 A
第一个style标签
, G: d! o K' s4 g" k
document.styleSheets[0]
' \$ f9 m: H7 D# k
style标签里的第一个样式
* O! ]* }' G/ y2 C/ y2 g
document.styleSheets[0].rules[0]
! \* Q) y! W+ {% J; Z* g
防止点击空链接时，页面往往重置到页首端。
, i2 x4 k# R3 y$ z- Y. c0 v
<a href="javascript:function()">word</a>
0 l# u/ i+ Z% x5 `6 P7 W! t$ h
上一网页源
8 A6 d7 t2 P' l& a3 l3 b8 B
asp:
! Y2 I W# S- p) q/ h' |
request.servervariables("HTTP_REFERER")
! b8 L5 U! a/ P' y; {$ V
javascript:
% m U) c: D w
document.referrer
3 a3 l7 u! t1 `* {. I* F$ j; `
释放内存
; ?9 p1 n# \% S8 N
CollectGarbage();
$ {7 M0 v/ r8 }: m; i4 h
禁止右键
3 @0 W; q z! l
document.oncontextmenu = function() { return false;}
8 ^% c0 g6 V4 P
禁止保存
* D$ E+ l" o# O0 c: s" O4 T
<noscript><iframe src="*.htm"></iframe></noscript>
\; v B# r1 X( f8 c
禁止选取<body Shortcut Icon" href="favicon.ico">
) I7 z' c) d0 z' R
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
8 o$ y2 S" R3 t
收藏栏图标
6 x1 H, I ~: d9 ?% t0 y+ y
<link rel="Bookmark" href="favicon.ico">
" Y/ W9 G% W$ X9 A5 V$ \
查看源码
% p# {' [/ {2 E1 T. g
<input type=button value=查看网页源代码 >
6 E6 m3 W. i; J7 g; ^
关闭输入法
1 s- g+ Q2 j/ N
<input style="ime-mode:disabled">
, S! |+ u m s, o, L
自动全选
8 r9 `! a- M' U9 Z, x0 [+ g
<input type=text name=text1 value="123" >
) P) M6 V0 R3 h0 {9 i
ENTER键可以让光标移到下一个输入框
+ H* b2 f, w3 K& Z. ^
<input >
; \% _, i! y0 K
文本框的默认值
6 G7 u# v6 f" u! c8 l
<input type=text value="123" >
* R) k! {4 O% o N
title换行
0 Z. }0 z/ b& e5 c+ A% { b. Q
obj.title = "123 sdfs "
5 S; m9 \$ o2 F0 C
获得时间所代表的微秒
$ L" j1 Y `4 ?
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
# d8 o# ?4 `$ R; [
窗口是否关闭
. C9 N. d2 J* Y8 N9 Y
win.closed
5 X* p8 Z% L9 h. c& B
4 D7 |, Z( {8 {0 D& Z: [
checkbox扁平
1 C9 R, `& d% X4 [" a3 n
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
0 l" V/ \. S0 ]/ g* [. b
获取选中内容
; M1 [; d: f9 n. x' N! Q) {
document.selection.createRange().duplicate().text
& N' \: v- G- e @
自动完成功能
1 d9 y' z/ L" Q7 Y( z
<input type=text autocomplete=on>打开该功能
& [; ~ Q1 s4 X, X
<input type=text autocomplete=off>关闭该功能
2 L W5 A+ H1 z* N1 Q
关闭窗口
]( {0 r" z4 |* j7 J3 Q+ Z+ K1 w
window.close();
; B: ]3 I1 H' E* K
返回
5 ?: b5 u; `3 D1 }' U; D
history.back();
Q& o# X4 m- G I
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
8 L- B7 v& S$ R
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
+ b: r9 t0 i+ J# H9 U. ~
encodeURIComponent对":"、"/"、";" 和 "?"也编码
8 \9 B/ Z* `: J S
! { | ?! F/ n" I- h
; W' Z! b. D& @. w h$ Y9 E! V
6 s" V! J6 j; }9 U K
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5