2022 HTML网页代码大全

网络收集了一些网页基础类的代码,可以更好的了解学习代码知识,可以互相学习,喜欢那就先保存网页避免后期找不到。

1)贴图:

2)加入连接:写上你想写的字

1)贴图:

2)加入连接:写上你想写的字

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

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

写上你想写的字

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

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

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

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

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

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

10)字体控制大小:

写上你想写的字

(其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:写上你想写的字(其中value值在000000与ffffff(16位进制)之间

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

13)贴音乐:

14)贴flash:

15)贴影视文件:

16)换行:

17)段落:

段落

18)原始文字样式:

正文

19)换帖子背景:

20)固定帖子背景不随滚动条滚动:

bgproperties=fixed>

21)定制帖子背景颜色:

(value值见10)

22)帖子背景音乐:

23)贴网页:

/—————————————-HTML特效代码——————————–/

1。忽视右键

 

  或

 

2。加入背景音乐

  IE:

  NS:

 

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

3。简单的window.open方法

 

  onclick=”javascript :window.open(文件路径/文件名,newwindow,

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

  width=400,height=300);”>文字或图片

  参数解释:

 

  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为允许;

  js脚本结束

4。简单的页面加密

 

 

  function loopy(){

   var sWord =””;

   while(sWord!=”login”){sWord=prompt(“请输入你的登陆密码”);}

   alert(“登陆成功!”);

  }

  loopy()

  //–>

 

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

 

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

  background-repeat:no-repeat;background-position:center}

 

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

 

7。随机替换图片

 

  document.write(

  +.gif”height=”40″ width=”50″>

 

  图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭

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

 

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

 

  然后再在

标内加入如:

9。网页自动关闭

 

 

 

  classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>

 

 

 

 

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

 

 

10。网页自动刷新

  在head部记入

 

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

11。网页自动转页

 

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

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

 

# 前面

 

# 后面

 

  height:95px;z-index:2″> height=100% width=100%>

 

 

 

  height:115px;z-index:1″>

 

 

13。返回上一页

  『返回上一页』

14。关闭窗口

  『关闭窗口』

15。关于iframe的透明背景

 

16. oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键

no

可用于Table

17.

取消选取、防止复制

18.onpaste=”return false” 不准粘贴

19.oncopy=”return false;” oncut=”return false;” 防止复制

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

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

22. 关闭输入法

23. 永远都会带着框架

if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页

// –>

24. 防止被人frame

if (top.location != self.location)top.location=self.location;

// –>

25. 网页将不能被另存为

26. 查看网页源代码

pconline.com.cn“”>

27.删除时确认

删除

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

function look(){

if(event.shiftKey)

alert(“禁止按Shift键!”); //可以换成ALT CTRL

}

document.onkeydown=look;

29. 网页不会被缓存

或者

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

31.不要滚动条?

让竖条没有:

让横条没有:

两个都去掉?更简单了

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

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

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

window.opener.location.reload()

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

打开页面的位置

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

body

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

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

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

function checkNum(str){return str.match(//D/)==null}

alert(checkNum(“1232142141”))

alert(checkNum(“123214214a1”))

// –>

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 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/2002”,2)

42. 选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

Style

Barcode

43.脚本永不出错

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

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

把如下代码加入

区域中:

tim=1

setInterval(“tim++”,100)

b=1

var autourl=new Array()

autourl[1]=”njcatv.net

autourl[2]=”javacool.3322.net

autourl[3]=”sina.com.cn

autourl[4]=”nuaa.edu.cn

autourl[5]=”cctv.com

function butt(){

document.write(“

”)

for(var i=1;i

document.write(“

……> =》

name=url”+i+” size=40> =》

onclick=window.open(this.form.url”+i+”.value)>
”)

document.write(“

”)

}

butt()

function auto(url){

document.forms[0][“url”+b].value=url

if(tim>200)

{document.forms[0][“txt”+b].value=”链接超时”}

else

{document.forms[0][“txt”+b].value=”时间”+tim/10+”秒”} b++ }

function run(){for(var i=1;i”)}

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键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。

function testclip(){

try {

if(clipboardData.getData(“Text”)||clipboardData.getData(“HTML”)||clipboardData.getData(“URL”))

{

null;

}

}

catch(e){

clipboardData.setData(“Text”,””)

}

setTimeout(“testclip()”,500)

}

testclip();

//–>

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

1. 将彻底屏蔽鼠标右键

no

可用于Table

2.

取消选取、防止复制

3. 不准粘贴

4. 防止复制

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

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

7. 关闭输入法

8. 永远都会带着框架

if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页

// –>

9. 防止被人frame

if (top.location != self.location)top.location=self.location;

// –>

10. 网页将不能被另存为

11.

onclick=”window.location = `view-source:`+ 51js.com/`”;>

12.删除时确认

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(event.shiftKey)

alert(“禁止按Shift键!”; //可以换成ALT CTRL

}

document.onkeydown=look;

18. 网页不会被缓存

或者

19.怎样让表单没有凹凸感?

1 solid #000000″>

20.

&的区别?

(division)用来定义大段的页面元素,会产生转行

用来定义同一行内的元素,跟

的唯一区别是不产生转行

是ns的标记,ie不支持,相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?

让竖条没有:

让横条没有:

两个都去掉?更简单了

23.怎样去掉图片链接点击后,图片周围的虚线?

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

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

window.opener.location.reload()

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

打开页面的位置

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/)==null}

alert(checkNum(“1232142141”

alert(checkNum(“123214214a1”

// –>

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/2002”,2)

33. 选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

style

Barcode

34.脚本永不出错

function killErrors() {

return true;

}

window.onerror = killErrors;

// –>

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

36. 检测某个网站的链接速度:

把如下代码加入

区域中:

tim=1

setInterval(“tim++”,100)

b=1

var autourl=new Array()

autourl[1]=”njcatv.net/“;

autourl[2]=”javacool.3322.net

autourl[3]=”sina.com.cn/“;

autourl[4]=”nuaa.edu.cn/“;

autourl[5]=”cctv.com/“;

function butt(){

document.write(“

for(var i=1;i

document.write(“ =》

name=url”+i+” size=40> =》

onclick=window.open(this.form.url”+i+”.value)>

document.write(“

}

butt()

function auto(url){

document.forms[0][“url”+b].value=url

if(tim>200)

{document.forms[0][“txt”+b].value=”链接超时”}

else

{document.forms[0][“txt”+b].value=”时间”+tim/10+”秒”}

b++

}

function run(){for(var i=1;i

src=http://”+autourl+”/”+Math.random()+” width=1 height=1

onerror=auto(http://”;+autourl+”`)>”}

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.页面进入和退出的特效

进入页面

推出页面

这个是页面被载入和调出时的一些特效。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.在规定时间内跳转

51js.com“>

40.网页是否被检索

  其中属性值有以下一些:

  属性值为”all”: 文件将被检索,且页上链接可被查询;

  属性值为”none”: 文件不被检索,而且不查询页上的链接;

  属性值为”index”: 文件将被检索;

  属性值为”follow”: 查询页上的链接;

  属性值为”noindex”: 文件不检索,但可被查询链接;

  属性值为”nofollow”: 文件不被检索,但可查询页上的链接。

41.变换网页的鼠标光标

203.73.125.205/~liangmi`)”>

42.怎样实现在任务栏显示小图标的效果? (要使用绝对地址)

有些站点,访问时会在地址栏地址前显出小图标,添加到收藏夹后也在收藏栏中显示图标,

这样很好的与其它站点有了区别。

要达到这个效果,先需做出这个图标文件,图像为16*16像素,不要超过16色。文件格式为ico,然后上传至你的网站。

然后,在需要的页面中,加上以下html语句到文件的

和之间(假设以上ico文件的地址happyisland.126.com/ico)。

如果访问者的浏览器是IE5.0,就不需加任何代码,只要将图标文件上传到网站的根目录下即可。

1,META标签里的代码是什么意思?

是放于

与之间的标记.以下是我总结它在网页中最常见的几种。

该网页的关键字,作用于搜索引擎的登录,事实上它在现在的网站中并没什么用。

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容