dw常用代码.doc
目 录1.控制横向和纵向滚动条的显隐？112.添加到收藏夹和设为首页221.文字或图片弹出指定大小的窗口338.给表格做链接647.基本链接样式752、日期显示8js表单验证控制代码大全15DW常用代码1.控制横向和纵向滚动条的显隐？<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显- 2.表格变色<TD style="CURSOR: hand"> - 3.禁止复制，鼠标拖动选取<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> - 4.普通iframe页面<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>- 5.iframe自适应高度<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no ></iframe> - 6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="favicon.ico"><link rel="Bookmark" href="favicon.ico"> - 7.字号缩放越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。<script type="text/javascript">function doZoom(size)document.getElementById('zoom').style.fontSize=size+'px'</script><span id="zoom">需要指定大小的文字</span><a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> - 8.简单的跳转网页代码 如果你要让页面显示3秒钟之后跳转，可以在html代码的<head></head>部分加上这样的代码：<meta http-equiv="refresh" content="3; url="> - 9.iframe(嵌入式帧)自适应高度填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。对跨域引用有权限问题，请查阅其他资料。<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no ></iframe> - 10.跳转菜单新窗口<select name="select" ><option value=" Internet Explorer</option><option value=""> Microsoft Home</option><option value=""> Developer Network</option></select> - 11.flash透明选项<param name="wmode" value="transparent"> - 12.添加到收藏夹和设为首页<a href=# >设为首页</a><a href="javascript:window.external.AddFavorite('- 13.记录并显示网页的最后修改时间 <script language=JavaScript> document.write("最后更新时间: " + document.lastModified + "") </script> - 14.节日倒计时<Script Language="JavaScript"> var timedate= new Date("October 1,2002"); var times= "国庆节" var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24); if (time >= 0) document.write( "现在离"+times+"还有: "+time +"天")</Script> - 15.加在HEAD里 禁止缓存<meta http-equiv="Expires" CONTENT="0"> <meta http-equiv="Cache-Control" CONTENT="no-cache"> <meta http-equiv="Pragma" CONTENT="no-cache"> - 16.让IFRAME框架内的文档的背景透明<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe> - 17.打开窗口即最大化<script language="JavaScript"> <!- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) / End -> </script> - 18.加入背景音乐<bgsound src="mid/windblue1.mid" loop="-1"> 只适用于IE<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用 - 19.滚动<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息</marquee> - 20.防止点击空链接时，页面往往重置到页首端代码“javascript:void(null)”代替原来的“#”标记 - 21.文字或图片弹出指定大小的窗口在body中加入<script language="JavaScript" type="text/JavaScript">function MM_openBrWindow(theURL,winName,features) window.open(theURL,winName,features);</script>弹出代码<a href="#" target="_self" width="550" height="380" border="0">图片或文字</a>- 22.跳转页面代码<meta http-equiv="refresh" content="5;url="> - 23.细线分隔线<hr noshade size=0 color=#C0C0C0> - 24.网页中的自动换行<td style="word-break:break-all">就搞定了。完整的是 style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word" - 25.消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no . <IMG SRC=" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> - 26.禁止页面正文内容被选取 <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"> - 27.不能点右键，不用CTRL+A，不能复制作!<body oncontextmenu="window.event.returnValue=false" onkeypress="window.event.returnValue=false" onkeyup="window.event.returnValue=false" ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false"> </body> - 28.IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动: <Body Background="图片文件" bgproperties="fixed"> - 29.随机变换背景图象（一个可以刷新心情的特效） <Script Language="JavaScript"> image = new Array(4); /定义image为图片数量的数组 image 0 = 'tu0.gif' /背景图象的路径 image 1 = 'tu1.gif' image 2 = 'tu2.gif' image 3 = 'tu3.gif' image 4 = 'tu4.gif' number = Math.floor(Math.random() * image.length); document.write("<BODY BACKGROUND="+imagenumber+">"); </Script> - 30.图片表单按钮<form id="form1" name="form1" method="post" action=""><img src=" width="62" height="22" /></form> - 31.左右阴影背景的CSS定义方法body text-align:center;background-repeat: repeat-y;background-position: center;background-image: url(./images/bg.jpg); - 32.划过链接 手型鼠标style="cursor:hand" - 33.如何关闭层<div id="Layer1"></div><a href="#" >关闭层</a> - 34.关闭窗口的脚本<a href=javascript:close()>关闭窗口</a> - 35.如果文字过长,则将过长的部分变成省略号显示 <DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> </DIV> - 36.进入主页后自动最大化<script> self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) </script> - 37.凹陷文字 <div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"><font disabled>怎么样，我凹下去了吧？<br>你不想试试吗？<br><a href="</div> - 38.运行代码框<script>function Preview()var TestWin=open('');TestWin.document.write(code.value);</script><textarea id=code cols=60 rows=15></textarea><br><button onclick=Preview() >运行</button> - 38.给表格做链接 <table width="100%" style="CURSOR:hand"><tr><td height="100" bgcolor="f4f4f4"> </td></tr></table>- 39.让弹出窗口总是在最上面<body onblur="this.focus();"> - 40.CSS文字阴影 .shadowfontFILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体" FONT-SIZE: 9pt;COLOR: #ffffff; - 41.后退&关闭窗口后退：javascript:history.back(1)关闭：javascript:window.close(); - 42.表格透明 style="FILTER: alpha(opacity=72)" - 43.如何避免别人把你的网页放在框架中 <script language=“javascript”><!-if (self!=top)top.location=self.location; ->< /script> - 44.Alt和Title的区别 alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。<a href="#" Title="给链接文字提示">文字</a><p Title="给链接文字提示">文字</p><img src="图片链接" alt="给图片提示">- 45.所有的javascript的调用尽量采取外部调用 <SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT> - 46.链接到response.redirect"login.asp"location.href="xx.asp" - 47.基本链接样式a:link 表示链接的样式a:active 表示当前活动连接的样式a:hover 表示鼠标划过时的样式a:visited 表示已经访问过的连接的样式"link-visited-hover-active" 简记为 "lvha" 即 "love"+"hate"- 48.在同一页面设置不同文字链接效果的样式<style type="text/css">.green COLOR: #309633.green A:link COLOR: #309633; TEXT-DECORATION: none.green A:visited COLOR: #309633; TEXT-DECORATION: none.green A:hover COLOR: #309633; TEXT-DECORATION: underline.green A:active COLOR: #309633; TEXT-DECORATION: none</style><a href="#" class="green">文字</a>- 49.下拉跳转菜单 <select name=select style="color:#333"><option>-请选择-</option><option value="">站长设计网</option><option value="</select> - 50.select挡住div的解决方法在div里加入下面的代码，根据需要调整就可以了。<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;"></iframe>- 51.整页的全部链接都 _blank 新窗口打开 <base target="_blank">52、日期显示<SCRIPT language=JavaScript>today=new Date();function initArray()this.length=initArray.arguments.lengthfor(var i=0;i<this.length;i+)thisi+1=initArray.argumentsi var d=new initArray(" 星期日"," 星期一"," 星期二"," 星期三"," 星期四"," 星期五"," 星期六");document.write("<font color=#000000 style='font-size:9pt;font-family: 宋体'> ",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",dtoday.getDay()+1,"</font>" );</SCRIPT>52、表单大全一、表单概述表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和email地址、调查表、留言簿等等。1、表单的组成一个表单有三个基本组成部分： · 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 · 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 · 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。为了顾及不同的网页设计工具，本文只讲述代码的设计，不具体讲述操作方法，下面就是表单的HTML代码设计要点：1.1 表单标签form/form功能：用于申明表单，定义采集数据的范围，也就是form和/form里面包含的数据将被提交到服务器或者电子邮件里。语法：FORM ACTION="URL" METHOD="GET|POST" ENCTYPE="MIME" TARGET=".". . ./FORM 属性解释见下表：action=url指定一来处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.method=get或post指明提交表单的HTTP方法.可能的值为： 1. post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. 2. get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.这个特性的缺省值是"application/x-www-form-urlencoded"TARGET="."指定提交的结果文档显示的位置： 1. _blank ：在一个新的、无名浏览器窗口调入指定的文档； 2. _self ：在指向这个目标的无素的相同的框架中调入文档； 3. _parent ：把文档调入当前框的直接的父FRAMESET框中；这个值在当前框没有父框时等价于_self； 4. _top ：把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架)；这个值等价于当前框没有你框时的_self.例如：form action=" method="post" target="_blank"./form表示表单将向 1.2 表单域表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据，下面分别讲述这些表单域的代码格式： 1.2.1 文本框文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。 代码格式：input type="text" name="." size="." maxlength="." value="."属性解释：type="text"定义单行文本输入框；name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；size属性定义文本框的宽度，单位是单个字符宽度；maxlength属性定义最多输入的字符数。 value属性定义文本框的初始值样例1： 样例1代码：input type="text" name="example1" size="20" maxlength="15"1.2.2 多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。代码格式：TEXTAREA name="." cols="." rows="." wrap="VIRTUAL"/TEXTAREA属性解释：name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；cols属性定义多行文本框的宽度，单位是单个字符宽度；rows属性定义多行文本框的高度，单位是单个字符宽度；wrap属性定义输入内容大于文本域时显示的方式，可选值如下： · 默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； · Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行； · Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； · Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。 样例2： 样例2代码：TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"/TEXTAREA1.2.3 密码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。代码格式：input type="password" name="." size="." maxlength="."属性解释：type="password"定义密码框；name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；size属性定义密码框的宽度，单位是单个字符宽度；maxlength属性定义最多输入的字符数。 样例3： 样例3代码：input type="password" name="example3" size="20" maxlength="15"1.2.4 隐藏域隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来
