HTML学习资料Word下载.docx

HTML学习资料Word下载.docx

《HTML学习资料Word下载.docx》由会员分享，可在线阅读，更多相关《HTML学习资料Word下载.docx（49页珍藏版）》请在冰豆网上搜索。

imgdynsrc="

文件地址"

start=mouseover>

16）换行：

br>

17）段落：

p>

段落<

/p>

18）原始文字样式：

pre>

正文<

/pre>

19）换帖子背景：

bodybackground="

背景图片地址"

20）固定帖子背景不随滚动条滚动：

bodybgproperties=fixed>

21）定制帖子背景颜色：

bodybgcolor="

（value值见10）

22）帖子背景音乐：

bgsound="

背景音乐地址"

loop=infinite>

23）贴网页：

iframesrc="

/iframe>

HTML特效代码

1。

忽视右键

　<

bodyoncontextmenu="

returnfalse"

　或

bodystyle="

overflow-y:

hidden"

2。

加入背景音乐

　IE:

bgsoundsrc="

*.mid"

　NS:

autostart=truehidden=trueloop=true>

/embed>

　*.mid你的背景音乐的midi格式文件

3。

简单的window.open方法

#"

　onclick="

javascript:

window.open（文件路径/文件名,newwindow,

　toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

　width=400,height=300）;

"

文字或图片<

　参数解释：

SCRIPTLANGUAGE="

javascript"

js脚本开始；

　window.open弹出新窗口的命令；

　文件路径/文件名弹出窗口的文件名；

　newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；

　width=400窗口宽度；

　height=300窗口高度；

　top=0窗口距离屏幕上方的象素值；

　left=0窗口距离屏幕左侧的象素值；

　toolbar=no是否显示工具栏，yes为显示；

　menubar，scrollbars表示菜单栏和滚动栏。

　resizable=no是否允许改变窗口大小，yes为允许；

　location=no是否显示地址栏，yes为允许；

　status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

/SCRIPT>

js脚本结束

4。

简单的页面加密

scriptLANGUAGE="

!

--

　functionloopy（）{

　　varsWord="

;

　　while（sWord!

="

login"

）{sWord=prompt（"

请输入你的登陆密码"

）;

}

　　alert（"

登陆成功！

　}

　loopy（）

　//-->

/script>

5。

拉动页面时背景图不动

style>

　body{background-image:

url（logo.gif）;

　background-repeat:

no-repeat;

background-position:

center}

/style>

6。

让浏览器在保存页面时保存失败

NOSCRIPT>

*.html"

/NOSCRIPT>

7。

随机替换图片

script>

　document.write（<

img/+parseInt（Math.random（）*（5））

　+.gif"

height="

40"

50"

　图片文件名为0.gif1.gif2.gif3.gif4.gif

8。

窗口定时关闭

　先将如下代码网页文件的区：

scriptlanguage="

　functioncloseit（）{setTimeout（"

self.close（）"

10000）//毫秒}

　然后再在<

body>

标内加入如：

bodyonload="

closeit（）"

9。

网页自动关闭

html>

head>

objectid=closestype="

application/x-oleobject"

　classid="

clsid:

adb880a6-d8ff-11cf-9377-00aa003b7a11"

paramname="

Command"

value="

Close"

/object>

/head>

window.setTimeout（closes.Click（）,10000）"

　这个窗口会在10秒过后自动关闭,而且不会出现提示.

/body>

/html>

10。

网页自动刷新

　在head部记入

METAHTTP-EQUIV="

Refresh"

content="

20"

　其中20为20秒后自动刷新，你可以更改为任意值。

11。

网页自动转页

CONTENT="

时间（秒）;

URL=地址"

12。

保持layer在最前面，而不被Iframe、Object所覆盖

　在Layer中再插Iframe或Object设z-Index值

divz-Index:

2>

objectxxx>

＃前面

1>

＃后面

divid="

Layer2"

position:

absolute;

top:

40;

width:

400px;

　height:

95px;

z-index:

2"

height=100%width=100%>

iframewidth=0height=0>

/div>

Layer1"

50;

200px;

115px;

1"

iframeheight=100%width=100%>

13。

返回上一页

ahref=javascript:

history.back

（1）>

『返回上一页』<

14。

关闭窗口

self.close（）>

『关闭窗口』<

15。

关于iframe的透明背景

IFRAMEID="

iFrame1"

SRC="

iframe.htm"

　allowTransparency="

true"

　style="

background-color:

green"

/IFRAME>

16.oncontextmenu="

window.event.returnValue=false"

将彻底屏蔽鼠标右键

tableborderoncontextmenu=return（false）>

td>

no<

/table>

可用于Table

17.<

bodyonselectstart="

取消选取、防止复制

18.onpaste="

不准粘贴

19.oncopy="

returnfalse;

oncut="

防止复制

20.<

linkrel="

ShortcutIcon"

href="

favicon.ico"

IE地址栏前换成自己的图标

21.<

Bookmark"

可以在收藏夹中显示出你的图标

22.<

inputstyle="

ime-mode:

disabled"

关闭输入法

23.永远都会带着框架

JavaScript"

if（window==top）top.location.href="

frames.htm"

//frames.htm为框架网页

//-->

24.防止被人frame

SCRIPTLANGUAGE=JAVASCRIPT>

if（top.location!

=self.location）top.location=self.location;

25.网页将不能被另存为

noscript>

iframesrc=*.html>

/noscript>

26.查看网页源代码

inputtype=buttonvalue=查看网页源代码onclick="

window.location="

view-source:

+"

27.删除时确认

if（confirm（"

确实要删除吗?

））location="

boos.asp?

&

areyou=删除&

page=1"

删除<

28.屏蔽功能键Shift,Alt,Ctrl

functionlook（）{

if（event.shiftKey）

alert（"

禁止按Shift键!

//可以换成ALT　CTRL

document.onkeydown=look;

29.网页不会被缓存

pragma"

no-cache"

Cache-Control"

no-cache,must-revalidate"

expires"

Wed,26Feb199708:

21:

57GMT"

或者<

0"

30.怎样让表单没有凹凸感？

inputtype=textstyle="

border:

1solid#000000"

或<

border-left:

none;

border-right:

border-top:

border-bottom:

1solid#000000"

/textarea>

31.不要滚动条?

让竖条没有:

overflow:

scroll;

让横条没有:

overflow-x:

两个都去掉？

更简单了

bodyscroll="

no"

32.怎样去掉图片链接点击后，图片周围的虚线？

onFocus="

this.blur（）"

logo.jpg"

border=0>

33.电子邮件处理提交表单

formname="

form1"

method="

post"

action="

mailt****@***.com"

enctype="

text/plain"

inputtype=submit>

/form>

34.在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload（）

35.如何设定打开页面的大小

top.resizeTo（300,200）;

打开页面的位置<

top.moveBy（300,200）;

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

STYLE>

body

{background-image:

background-repeat:

center;

background-attachment:

fixed}

/STYLE>

37.检查一段字符串是否全由数字组成

Javascript"

functioncheckNum（str）{returnstr.match（//D/）==null}

alert（checkNum（"

1232142141"

））

123214214a1"

38.获得一个窗口的大小

document.body.clientWidth;

document.body.clientHeight

39.怎么判断是否是字符

if（/[^/x00-/xff]/g.test（s））alert（"

含有汉字"

elsealert（"

全是字符"

40.TEXTAREA自适应文字行数的多少

textarearows=1name=s1cols=27onpropertychange="

this.style.posHeight=this.scrollHeight"

41.日期减去天数等于第二个日期

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）

42.选择了哪一个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>

43.脚本永不出错

--HidefunctionkillErrors（）{returntrue;

}window.onerror=killErrors;

//-->

44.ENTER键可以让光标移到下一个输入框

inputonkeydown="

if（event.keyCode==13）event.keyCode=9"

45.检测某个网站的链接速度：

把如下代码加入<

区域中:

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）>

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（"

imgsrc=http:

//"

+autourl+"

/"

+Math.random（）+"

width=1height=1nerror=auto（"

http:

）>

）}

run（）<

46.各种样式的光标

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

47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。

这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。

禁止鼠标右键的代码很简单：

functionclick（）{if（event.button==2）

{alert（呵呵，不好意思，你甭想使用右键下载图片：

））;

}}document.onmousedown=click

48、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件——另存为菜单另存。

--

functiontestclip（）{

try{

if（clipboardData.getData（"

Text"

）||clipboardData.getData（"

HTML"

URL"

{

null;

}

catch（e）{

clipboardData.setData（"

"

）

setTimeout（"

testclip（）"

500）

testclip（）;

//-->

1.将彻底屏蔽鼠标右键

可用于Table

2.<

取消选取、防止复制

3.不准粘贴

4.防止复制

5.<

6.<

7.<

-Disabled"

8.永远都会带着框架

scriptlan