网页制作中常用的一些实用辅助代码

网页

点击返回上页代码:
<form>
<p><input TYPE="button" VALUE="返回上一步" ></p>
</form>

弹出警告框代码:
<form>
<p><input TYPE="button" VALUE="弹出警告框" ></p>
</form>
<script language="JavaScript"><!--
function AlertButton(){window.alert("要多多光临呀!");}
// --></script>

点击打开新窗口
<form>
<p><input TYPE="button" VALUE="打开新窗口" ></p>
</form>
<script language="JavaScript"><!--
function NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no,
toolbar=no,directories=no,menubar=no");}
// --></script></body>

删除记录时弹出确认框:
<script LANGUAGE="VBSCRIPT">
a=msgbox("真的要删除该记录吗?",1,"注意")
if a=1 then
location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
else
history.go(-1)
end if
</script>

关闭打开的窗口
< a href="/" >关闭窗口</a>

清空INPUT且选定

右键屏蔽
<body oncontextmenu=self.event.returnValue=false>

连串英文自动换行的解决方法 IE5.5
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px

图片“重置”按钮
<script language="jscript">
function myreset()
{ document.login.reset();
document.login.focus();}
</script>
<img src="http://www.webjx.com/htmldata/2007-01-24/image/reclear.gif" width="69" height="20" style="cursor:hand"

画细线表格
<table style="border-collapse: collapse">

状态栏信息
<form>
<p><input TYPE="button" VALUE="状态栏信息" ></p>
</form>
<script language="JavaScript"><!--
function StatusButton(){window.status="要多多光临呀!";}
// --></script>

最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

隐藏状态栏里出现的LINK信息
<a href="http://www.webjx.com"; >网页教学网</a>

文本框自动滚动条
<textarea name=words rows=18 cols=26 style="border:1 solid #000000;background-color:white; font-size:9pt; width:188; overflow:auto" wrap=hard></textarea>

全选并复制
<FORM name=test><INPUT type=button value=全选并复制><BR><TEXTAREA name=select1 rows=3 cols=46>你好,欢迎您的光临!</TEXTAREA>
</FORM>
<SCRIPT language=Javascript>
<!--

var copytoclip=1

function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&toclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
}
}
//-->
</SCRIPT>

屏蔽JAVASCRIPT错误
<script language="JavaScript">
<!--
function killErrors(){
return true;
}
window.onerror = killErrors;
-->
</script>

关闭子窗口时刷新父窗口
<script language="JavaScript">
<!--
self.opener.location.reload();
window.close()
-->
</script>

背景色变换
<form>
<p><input TYPE="button" VALUE="背景色变换" ></p>
</form>
<script>function BgButton(){
if (document.bgColor=='#00ffff')
{document.bgColor='#ffffff';}
else{document.bgColor='#00ffff';}
}
</script>

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

判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

点击刷新代码:
<form>
<p><input TYPE="button" VALUE="刷新按钮一" ></p>
</form>
<script language="JavaScript"><!--
function ReloadButton(){location.href="allbutton.htm";}
// --></script>

让层不被控件复盖代码:
<div z-Index:2><object xxx></object></div> # 前面
<div z-Index:1><object xxx></object></div> # 后面
<div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"><table height=100% width=100% bgcolor="#ff0000"><tr><td height=100% width=100%></td></tr></table><iframe width=0 height=0></iframe></div>
<div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"><iframe height=100% width=100%></iframe></div>

让层的相对定位
<div id="Layer1" style="position:relative; left:0px; top:0px; width:0px; height:0px;z-index:1">
<div id="Layer2" style="position:absolute; left:500px; top:0px; width:220px; height:220px; z-index:1">
内容
</div></div>

Flash代码以及背景透明
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200">
<param name="movie" value="文件">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="http://www.webjx.com/htmldata/2007-01-24/images/fish.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="220" height="220"></embed></object>

时间: 2024-11-03 17:05:43

网页制作中常用的一些实用辅助代码的相关文章

详细讲解网页制作中常用的图像替换技术

网页 一.实际应用 略 二.图像替换 我们并不总是要文字呆在背景图像之上,很多作品都故意隐藏了标题等元素中的文本,取而代之的是一幅生动的图像. 设计师能够用一张背景图像替代某元素中的原始文字,以期显示出更美观的字体.为了表示对发明者Todd Fahrner的尊重,这个技巧随后也被叫做"Fahrner图像替换(Fahrner Image Replacement,FIR)".该技巧的实现非常简单:用span将元素中的文本包围起来,然后通过应用CSS样式隐藏这个span中的文本,最后将背景图

熟悉网页制作中常用网页表单格式的技巧

技巧|网页 想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧: 1.表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入 代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virtual rows=2 cols=22 >Input English..</textarea> 类似的,可以加入代码到<i

实例学习网页制作中常用的网页表单的应用

网页 说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互. 而人机对话的平台,基本上是靠相应的文本.列表框进行输入,然后通过按钮提交送至数据库的. 所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下: <form name="form1" action="xxx.asp" method="post"><input type="text" name=&

网页制作中常用CSS的十大技巧

css|技巧|网页 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif; 真不错!只有一点

网站推荐:网页制作中常用的一些代码小结

网页 点击返回上页代码: <form> <p><input TYPE="button" VALUE="返回上一步" ></p> </form> 弹出警告框代码: <form> <p><input TYPE="button" VALUE="弹出警告框" ></p> </form> <script lang

网页制作中常用的网页表单的应用

    说实话,无论是asp,php还是jsp进行网络编程的时候,都离不开和用户的交互. 而人机对话的平台,基本上是靠相应的文本.列表框进行输入,然后通过按钮提交送至数据库的. 所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下: <form name="form1" action="xxx.asp" method="post"> <input type="text" name

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义

核心提示:DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义 ol 有序列表 <ol><li>--</li><li>--</li><li>--</li></ol> 表现为 1--2--3-- ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>--</li><li>--</li></ul> 很多人容

网页布局中常用的列表元素ul ol li dl dt dd讲解

网页 DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表. <ol><li>--</li><li>--</li><li>--</li></ol> 表现为: 1--2--3-- ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>--</li><li>-

Dreamweaver CS3网页制作中的CSS布局规则

虽然webjx.com一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用.建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".".BlueText"和".Bi