JS代码大全最全的网页代码效果Word格式文档下载.docx
《JS代码大全最全的网页代码效果Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《JS代码大全最全的网页代码效果Word格式文档下载.docx（25页珍藏版）》请在冰点文库上搜索。
noscript>
iframesrc=*.html>
/iframe>
/noscript>
11.<
inputtype=buttonvalue=查看网页源代码
onclick="
window.location=`view-source:
`+
12.删除时确认
ahref=`javascript:
if（confirm（"
确实要删除吗?
location="
boos.asp?
&
areyou=删除&
page=1"
`>
删
除<
/a>
13.取得控件的绝对位置
//javascript
functiongetIE（E）{
vart=e.offsetTop;
varl=e.offsetLeft;
while（e=e.offsetParent）{
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert（"
top="
+t+"
/nleft="
+l）;
//VBScript
VBScript"
functiongetIE（）
dimt,l,a,b
seta=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
whilea.tagName<
BODY"
seta=a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox"
t&
chr（13）&
left="
l,64,"
得到控件的位置"
endfunction
-->
14.光标是停在文本框文字的最后
functioncc（）
{
vare=event.srcElement;
varr=e.createTextRange（）;
r.moveStart（`character`,e.value.length）;
r.collapse（true）;
r.select（）;
inputtype=textname=text1value="
123"
onfocus="
cc（）"
15.判断上一页的来源
javascript:
document.referrer
16.最小化、最大化、关闭窗口
objectid=hh1classid="
clsid:
ADB880A6-D8FF-11CF-9377-00AA003B7A11"
paramname="
Command"
value="
Minimize"
/object>
objectid=hh2classid="
Maximize"
OBJECTid=hh3classid="
adb880a6-d8ff-11cf-9377-00aa003b7a11"
PARAMNAME="
Close"
/OBJECT>
inputtype=buttonvalue=最小化onclick=hh1.Click（）>
inputtype=buttonvalue=最大化onclick=hh2.Click（）>
inputtype=buttonvalue=关闭onclick=hh3.Click（）>
17.屏蔽功能键Shift,Alt,Ctrl
script>
functionlook（）{
if（event.shiftKey）
禁止按Shift键!
//可以换成ALT CTRL
}
document.onkeydown=look;
18.网页不会被缓存
METAHTTP-EQUIV="
pragma"
CONTENT="
no-cache"
Cache-Control"
no-cache,must-revalidate"
expires"
Wed,26Feb199708:
21:
57GMT"
或者<
0"
19.怎样让表单没有凹凸感？
inputtype=textstyle="
border:
1solid#000000"
或
border-left:
none;
border-right:
border-top:
border-bottom:
/textarea>
20.<
div>
span>
layer>
的区别？
（division）用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟<
的唯一区别是不产生转行
是ns的标记，ie不支持，相当于<
21.让弹出窗口总是在最上面:
bodyonblur="
this.focus（）;
22.不要滚动条?
让竖条没有:
bodystyle=`overflow:
-Scroll;
overflow-y:
hidden`>
/body>
让横条没有:
overflow-x:
两个都去掉？
更简单了
bodyscroll="
no"
23.怎样去掉图片链接点击后，图片周围的虚线？
ahref="
#"
onFocus="
this.blur（）"
imgsrc="
logo.jpg"
border=0>
24.电子邮件处理提交表单
formname="
form1"
method="
post"
action="
mailto***@***.com"
enctype="
text/plain"
inputtype=submit>
/form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload（）
26.如何设定打开页面的大小
bodyonload="
top.resizeTo（300,200）;
打开页面的位置<
top.moveBy（300,200）;
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
style>
body
{background-image:
url（logo.gif）;
background-repeat:
no-repeat;
background-position:
center;
background-attachment:
fixed}
/style>
28.检查一段字符串是否全由数字组成
functioncheckNum（str）{returnstr.match（//D/）==null}
alert（checkNum（"
1232142141"
123214214a1"
29.获得一个窗口的大小
document.body.clientWidth;
document.body.clientHeight
30.怎么判断是否是字符
if（/[^/x00-/xff]/g.test（s））alert（"
含有汉字"
elsealert（"
全是字符"
31.TEXTAREA自适应文字行数的多少
textarearows=1name=s1cols=27onpropertychange="
this.style.posHeight=this.scrollHeight"
32.日期减去天数等于第二个日期<
scriptlanguage=javascript>
functioncc（dd,dadd）
{
//可以加上错误处理
vara=newDate（dd）
a=a.valueOf（）
a=a-dadd*24*60*60*1000
a=newDate（A）
alert（a.getFullYear（）+"
年"
+（a.getMonth（）+1）+"
月"
+a.getDate（）+"
日"
cc（"
12/23/2002"
2）
33.选择了哪一个Radio
HTML>
vbscript"
functioncheckme（）
foreachobinradio1
ifob.checkedthenwindow.alertob.value
next
endfunction
BODY>
INPUTname="
radio1"
type="
radio"
style"
checked>
style
barcode"
Barcode
INPUTtype="
button"
check"
onclick="
checkme（）"
/BODY>
/HTML>
34.脚本永不出错
SCRIPTLANGUAGE="
--Hide
functionkillErrors（）{
returntrue;
window.onerror=killErrors;
35.ENTER键可以让光标移到下一个输入框
inputonkeydown="
if（event.keyCode==13）event.keyCode=9"
36.检测某个网站的链接速度：
把如下代码加入<
body>
区域中:
tim=1
setInterval（"
tim++"
100）
b=1
varautourl=newArray（）
autourl[1]="
autourl[2]="
autourl[3]="
autourl[4]="
autourl[5]="
functionbutt（）{
document.write（"
formname=autof>
for（vari=1;
i<
autourl.length;
i++）
inputtype=textname=txt"
+i+"
size=10value=测试中……>
=》<
inputtype=text
name=url"
size=40>
inputtype=buttonvalue=GO
onclick=window.open（this.form.url"
.value）>
br>
inputtype=submitvalue=刷新>
butt（）
functionauto（url）{
document.forms[0]["
url"
+b].value=url
if（tim>
200）
{document.forms[0]["
txt"
+b].value="
链接超时"
else
时间"
+tim/10+"
秒"
b++
functionrun（）{for（vari=1;
i++）document.write（"
img
src=http:
//"
+autourl+"
/"
+Math.random（）+"
width=1height=1
onerror=auto（http:
`）>
run（）<
37.各种样式的光标
auto：
标准光标
default：
标准箭头
hand：
手形光标
wait：
等待光标
text：
I形光标
vertical-text：
水平I形光标
no-drop：
不可拖动光标
not-allowed：
无效光标
help：
?
帮助光标
all-scroll：
三角方向标
move：
移动标
crosshair：
十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面<
metahttp-equiv="
Page-Enter"
content="
revealTrans（duration=x,transition=y）"
推出页面<
Page-Exit"
这个是页面被载入和调出时的一些特效。
Duration表示特效的持续时间，以秒为单位。
Transition表示使
用哪种特效，取值为1-23:
0矩形缩小
1矩形扩大
2圆形缩小
3圆形扩大
4下到上刷新
5上到下刷新
6左到右刷新
7右到左刷新
8竖百叶窗
9横百叶窗
10错位横百叶窗
11错位竖百叶窗
12点扩散
13左右到中间刷新
14中间到左右刷新
15中间到上下
16上下到中间
17右下到左上
18右上到左下
19左上到右下
20左下到右上
21横条
22竖条
23以上22种随机选择一种39.在规定时间内跳转
METAhttp-equiv=V="
REFRESH"
5;
URL="
40.网页是否被检索
metaname="
ROBOTS"
属性值"
其中属性值有以下一些:
属性值为"
all"
:
文件将被检索，且页上链接可被查询；
none"
文件不被检索，而且不查询页上的链接；
index"
文件将被检索；
follow"
查询页上的链接；
noindex"
文件不检索，但可被查询链接；
nofollow"
文件不被检索，但可查询页上的链接。
41.变换网页的鼠标光标
BODYstyle="
CURSOR:
url（http:
//203.73.125.205/~liangmi2/farmfrog01.cur`）"
42.怎样实现在任务栏显示小图标的效果？
（要使用绝对地址）
有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标，
这样很好的与其它站点有了区别。
要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。
文件格式为ico，然后上传至你的网站。
然后，在需要的页面中，加上以下html语句到文件的<
head>
和<
/head>
之间（假设以上ico文件的地址
linkREL="
SHORTCUTICON"
href="
http:
///
如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。
1,META标签里的代码是什么意思？
META>
是放于<
HEAD>
与<
/HEAD>
之间的标记.以下是我总结它在网页中最常见的几种。
Keywords"
图片,新闻,音乐,软件"
该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站中并没什么用。
Content-Type"
text/html;
charset=gb2312"
charset=iso-8859-1"
设定这是HTML文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使用iso-8859-1。
GENERATOR"
MicrosoftFrontPage5.0"
这只表示该网页由什么编辑器写的。
refresh"
10;
url="
这行较为实用，能于预定秒数内自动转到指定网址。
原代码中10表示10秒。
2，怎么改变滚动条的颜色，只有ie5.5版本以上才能支持。
这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定的关系。
scrollbar-arrow-color：
上下按钮上三角箭头的颜色。
scrollbar-base-color：
滚动条的基本颜色。
scrollbar-dark-shadow-color：
立体滚动条强阴影的颜色
scrollbar-face-color：
立体滚动条凸出部分的颜色
scrollbar-highlight-color：
滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色。
scrollbar-track-color:
#99CC33;
scrollbar-3dlight-color:
#A8CBF1;
代码如下：
BODY{
scrollbar-face-color:
//（立体滚动条凸出部分的颜色）
scrollbar-highlight-color:
//（滚动条空白部分的颜色）
scrollbar-shadow-color:
//（立体滚动条阴影的颜色）
scrollbar-arrow-color:
#FF9966;
//（上下按钮上三角箭头的颜色）
scrollbar-base-color:
//（滚动条的基本颜色）
scrollbar-darkshadow-color:
//（立体滚动条强阴影的颜色）
1.让浏览器窗口永远都不出现滚动条。
bodystyle="
hidden;
hidden"
或<
overflow:
或<
bodyscroll=no>
2，没有水平滚动条
3，没有垂直滚动条
3,如何给图片抖动怎做的.
SCRIPTlanguage=javascript1.2>
varrector=2
varstopit=0
vara=1
varcount=0
functioninit（which）{
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
functionrattleimage（）{
if（（!
document.all&
document.getElementById）||stopit==1||count==100）
return
count++
升级会员 