2023年html代码全集案例.doc

Html网页的代码 很全哦
1)贴图：<img src="图片地址">
2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>
1)贴图：
2)加入连接：写上你想写的字

3)在新窗口打开连接：写上要写的字

消除连接的下划线在新窗口打开连接：

写上你想写的字

4)移动字体(走马灯)：写上你想写的字

5)字体加粗：写上你想写的字

6)字体斜体：写上你想写的字

7)字体下划线: 写上你想写的字

8)字体删除线: 写上你想写的字

9)字体加大: 写上你想写的字

10)字体控制大小：写的字(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：写上你想写的字

13)贴音乐：

14)贴flash:
15)贴影视文献："高度" start=mouseover>

16)换行：

17)段落：

/----------------------------------------HTML特效代码--------------------------------/

1。忽视右键

　 或

2。加入背景音乐
　 IE:
　 NS:rc="*.mid" autostart=true hidden=true loop=true>

　 *.mid你的背景音乐的midi格式文献
3。简朴的window.open方法
　 文字或图片
　 参数解释：
　 <p style='padding:5px 0px;'>7、NGUAGE="javascript"> js脚本开始；
　 window.open 弹出新窗口的命令；
　 文献途径/文献名 弹出窗口的文献名；
　 newwindow 弹出窗口的名字（不是文献名），非必须，可用空代替；
　 width=400 窗口宽度；
　 height=300 窗口高度；
　 top=0 窗口距离屏幕上方的象素值；
　 left=0 窗口距离屏幕左侧的象素值；
　 toolbar=no 是否显示工具栏，yes为显示；
　 menubar，scrollbars 表达菜单栏和滚动栏。
　 resizable=no 是否允许改变窗口大小</p><p style='padding:5px 0px;'>8、yes为允许；
　 location=no 是否显示地址栏，yes为允许；
　 status=no 是否显示状态栏内的信息（通常是文献已经打开），yes为允许；
　 js脚本结束
4。简朴的页面加密

　 <!--
　 function loopy(){
　　 var sWord ="";
　　 while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
　　 alert("登陆成功！");
　 }
　 loopy()
</p><p style='padding:5px 0px;'>9、
　 //-->

5。拉动页面时背景图不动

　 body{background-image:url(logo.gif);
　 background-repeat:no-repeat;background-position:center}

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

7。随机替换图片

　 document.write(<img src="img/+par</p><p style='padding:5px 0px;'>10、seInt(Math.random()*(5))
　 +.gif"height="40" width="50">

　 图片文献名为0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定期关闭
　 先将如下代码网页文献的区：

　 function closeit() { setTimeout("self.close()",10000) //毫秒 }

　 然后再在标内加入如：>
9。网页自动关闭

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

10。网页自动刷新
　 在head部记入

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

12。保持layer在最前面，而不被Iframe、Object所覆盖
　 在Layer中再插Iframe 或 Object 设z-Index值
　 false;" 防止复制
20. IE地址栏前换成自己的图标

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

22. 关闭输入法

23. 永远都会带着框架
<!--
if (window == top)top.location.href = "frames.htm"; //fr</p><p style='padding:5px 0px;'>17、ames.htm为框架网页
// -->

24. 防止被人frame

<!--
if (top.location != self.location)top.location=self.location;
// -->

25. 网页将不能被另存为

26. 查看网页源代码

27.删除时确认

删除

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

function look(){
if(event.shiftKey)
alert("严禁按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;

29. 网页不会被缓存

或者

30.如何让表单没有凹凸感？

或

31.不要滚动条?
让竖条没有:

让横条没有:

两个都去掉？更简朴了

32.如何去掉图片链接点击后，图片周边的虚线？

33.电子邮件解决提交表单

window.opener.location.reload()

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

打开页面的位置

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

body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attac</p><p style='padding:5px 0px;'>23、hment: fixed}

37. 检查一段字符串是否全由数字组成
<!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum(""))
alert(checkNum("a1"))
// -->

38. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

39. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("具有汉字");
else alert("全是字符");

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

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

function cc(dd,dadd)
{
//可以加上错误解决
var a = new</p><p style='height:0px;padding:0;overflow:hidden'>25、 Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
} cc("12/23/2023",2)

42. 选择了哪一个Radio

function checkme()
for each ob in radio1
i</p><p style='height:0px;padding:0;overflow:hidden'>26、f ob.checked then window.alert ob.value
next
end function

Style
Barcode

43.脚本永不犯错
T LANGUAGE="JavaScript">

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

45. 检测某个网站的链接速度：
把如下代码加入区域中:

tim=1
setInterval("ti</p><p style='height:0px;padding:0;overflow:hidden'>28、m++",100)
b=1
var autourl=new Array()
autourl[1]=".net"
autourl[2]=""
autourl[3]=""
autourl[4]=""
autourl[5]=".com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中

……> =》<</p><p style='height:0px;padding:0;overflow:hidden'>29、input type=text
name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b]</p><p style='height:0px;padding:0;overflow:hidden'>30、value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ }
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")}
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的图片全都设为表格的背景，表格的大小与图片的大小同样。这样做看起来是同样的，重要是防止鼠标通过图片时会出现另存的按钮。严禁鼠标右键的代码很简朴：

function click() { if (event.button==2)
{alert(呵呵，不好意思，你甭想使用右键下载图片：）); } } document.onmousedown=click

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

</p><p style='height:0px;padding:0;overflow:hidden'>33、
<!--
function testclip(){
try {
if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))
{
null;
}
}
catch(e){
clipboardData.setData("Text","")
}
setTimeout("testclip()",500)
}
testclip();
//-->

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
1. 将彻底屏蔽鼠标右键
"Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架
<!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// -->

9. 防止被人frame
<!--
if (top.locatio</p><p style='height:0px;padding:0;overflow:hidden'>36、n != self.location)top.location=self.location;
// -->

10. 网页将不能被另存为

11.

12.删除时确认
ou=删除&page=1"`>删

除

13. 取得控件的绝对位置
//javascript

function getIE(E){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}

//VBScript
<!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
-->

14. 光标是停在文本框文字的最后

function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(`character`,e.value.length);
r.collapse(true);
r.select();
}

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口

本例合用于IE

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

function look(){
if(e</p><p style='height:0px;padding:0;overflow:hidden'>42、vent.shiftKey)
alert("严禁按Shift键!"; //可以换成ALT　CTRL
}
document.onkeydown=look;

18. 网页不会被缓存

或者<META HTTP-EQUIV="expires" CONTENT="0">

19.如何让表单没有凹凸感？

或

20.转行
用来定义同一行内的元素，跟
23.如何去掉图片链接点击后，图片周边的虚线？

24.电子邮件解决提交表单

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

body
{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

28. 检查一段字符串是否全由数字组成
<!--
function checkNum(str){return str.match(//D/</p><p style='height:0px;padding:0;overflow:hidden'>47、)==null}
alert(checkNum(""
alert(checkNum("a1"
// -->

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("具有汉字";
else alert("全是字符";

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

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

function cc(dd,dadd)
{
//可以加上错误解决
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(A)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日"
}
cc("12/23/2023",2)

33. 选择了哪一个Radio

function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function

style
Barcode

34.脚本永不犯错

<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->

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

36. 检测某个网站的链接速度：
把如下代码加入区域中:

关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2025 宁波自信网络信息技术有限公司  版权所有客服电话：4009-655-100  投诉/维权电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：