做网站建设 网页常用代码

2016-08-05    分类: 网站建设

网站建设 网页常用代码

1、数据库连接。
ASP与Access数据库连接:
<%@ language=VBscript%>
<%
dim conn,mdbfile
mdbfile=server.mappath("数据库名称.mdb")
set conn=server.createobject("adodb.connection")
conn.open "driver={microsoft access driver (*.mdb)};uid=admin;pwd=数据库密码;dbq="&mdbfile
%>
ASP与SQL数据库连接:
<%@ language=VBscript%>
<%
dim conn
set conn=server.createobject("ADODB.connection")
con.open "PROVIDER=SQLOLEDB;DATA SOURCE=SQL服务器名称或IP地址;UID=sa;PWD=数据库密码;DATABASE=数据库名称
%>
DW中用字符串连接代码:
"Driver={Microsoft Access Driver (*.mdb)};DBQ=数据库的绝对路径"
等做完后再打开数据库服务器,把
"Driver={Microsoft Access Driver (*.mdb)};DBQ=数据库的绝对路径"
换成
"Provider=Microsoft.Jet.OLEDB.4.0;data source="& server.mappath("服务器根目录下所在数据库路径")
并把本地服务器修改成测试服务器
===================================================================================================
常用SQL语句整理:
(1) 数据记录筛选:
sql="select * from 数据表 where 字段名=字段值 order by 字段名 [desc]"
sql="select * from 数据表 where 字段名 like ’’%字段值%’’ order by 字段名 [desc]"
sql="select top 10 * from 数据表 where 字段名 order by 字段名 [desc]"
sql="select * from 数据表 where 字段名 in (’’值1’’,’’值2’’,’’值3’’)"
sql="select * from 数据表 where 字段名 between 值1 and 值2"
(2) 更新数据记录:
sql="update 数据表 set 字段名=字段值 where 条件表达式"
sql="update 数据表 set 字段1=值1,字段2=值2 …… 字段n=值n where 条件表达式"
(3) 删除数据记录:
sql="delete from 数据表 where 条件表达式"
sql="delete from 数据表" (将数据表所有记录删除)
(4) 添加数据记录:
sql="insert into 数据表 (字段1,字段2,字段3 …) values (值1,值2,值3 …)"
sql="insert into 目标数据表 select * from 源数据表" (把源数据表的记录添加到目标数据表)
(5) 数据记录统计函数:
AVG(字段名) 得出一个表格栏平均值
COUNT(*|字段名) 对数据行数的统计或对某一栏有值的数据行数统计
MAX(字段名) 取得一个表格栏大的值
MIN(字段名) 取得一个表格栏最小的值
SUM(字段名) 把数据栏的值相加
引用以上函数的方法:
sql="select sum(字段名) as 别名 from 数据表 where 条件表达式"
set rs=conn.excute(sql)
用 rs("别名") 获取统的计值,其它函数运用同上。
(5) 数据表的建立和删除:
CREATE TABLE 数据表名称(字段1 类型1(长度),字段2 类型2(长度) …… )
例:CREATE TABLE tab01(name varchar(50),datetime default now())
DROP TABLE 数据表名称 (永久性删除一个数据表)
===================================================================================================
网页防复制代码
<SCRIPT LANGUAGE=javascript>
function click() {
alert(’需要复制,请与站长联系!’) }
function click1() {
if (event.button==2) {alert(’需要复制,请与站长联系!’) }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert(’不当的拷贝将损害您的系统!’) }}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.
</SCRIPT>
===================================================================================================
改变IE地址栏的IE图标
要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>
之间加上如下代码:
   <link REL = "Shortcut Icon" href="/index.ico">
===================================================================================================
同意就提交,不同意就回到上一级页面
<input class="button" type="submit" name="rulesubmit" value="同 意" style="height: 23px">
<input class="button" type="button" name="return" value="不同意" style="height: 23px" onclick="javascript:history.go(-1);">
===================================================================================================
取出数据数里的某个字段的所有的不重复的记录!
select distinct(id) from aaa
===================================================================================================
放在inpu的style里!
onmouseover="this.focus()" onfocus="this.select()"
===================================================================================================
给TD加边框:
style="border-left:1px #0D73D8 solid;border-top:1px #0D73D8 solid; border-right:1px #0D73D8 solid;border-bottom:1px #0D73D8 solid;"
给TD加距离
style="padding-left:3px;padding-top:3px;padding-right:3px;padding-bootum:3px;"
===================================================================================================
上边是判断问一下是否要删除。下面是一个链接传值到角本里去!
<script language="javascript">
function del_class_1(id){
if (confirm("真的要删除这个大类吗?"))
window.location.href="Admin_class_ok.asp?id="+id+""
}
</script>

<a href=’javascript:del_class_1(<%=rssort("sortid")%>)’>
实际上是写一个是不要删除的类
===================================================================================================
网页中显示中文:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
===================================================================================================
网页到一定时间就自动跳转
<meta HTTP-EQUIV=refresh Content=’1;url=add.asp’>
页面定时转向新的地址 :
<meta http-equiv="refresh" content="秒;URL=url">
===================================================================================================
提交按钮中加入链接:
<input name="button" type="submit" value="登陆" onclick="location.href=’a.htm’">
<input type="button" name="Submit" value="按钮" onClick="javascript:window.open(’checkout.htm’,’_bank’)">
提交按钮作链接按钮链接到另一个页面
<input type="button" value="跳转" onclick="window.location.href=’xxx.asp’">
===================================================================================================
下拉菜单自动跳转代码:
<select onChange="javascript:window.open(this.options[this.selectedIndex].value)" >
===================================================================================================
定义网页角本的语言设置
<%@ LANGUAGE=ScriptingLanguage %>
必须定义变量的语法
<%Option Explicit%>
===================================================================================================
运行regsvr32 scrrun.dll即可。
删除fso、regsvr32/u scrrun.dll
===================================================================================================
放上去鼠标变成小手的代码:
style="cursor: hand"
文本区域框英文自动换行代码:
style="word-break:break-all"
如内容超出单元格,则隐藏
style="TABLE-LAYOUT: fixed"
让弹出窗口总是在最上面:
<body onblur="this.focus();">
===================================================================================================
不要滚动条
让竖条没有: <body style=’overflow:scroll;overflow-y:hidden’> </body>
让横条没有: <body style=’overflow:scroll;overflow-x:hidden’> </body>
两个都去掉: <body scroll="no"> </body>
===================================================================================================
去掉图片链接点击后周围的虚线
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
===================================================================================================
电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> <input type=submit> </form>
===================================================================================================
如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
===================================================================================================
在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>
===================================================================================================
文本竖排方式
<style type="text/css">
<!--
.shupai {Writing-mode:tb-rl}
-->
</style>
===================================================================================================
超链接去虚线边框
在链接中加上onfocus="this.blur()"
===================================================================================================
网页搜索关键字 头里插入
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
===================================================================================================
收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">
===================================================================================================
隐藏滚动条:
<body style="overflow-x:hidden;overflow-y:hidden">
===================================================================================================
链接到:
response.redirect"login.asp"
location.href="xx.asp"
onClick="window.location=’login.asp’"
onClick="window.open(’’)"
===================================================================================================
取得IP:
userip = Request.ServerVariables("HTTP_X_FORWARDED_FOR")
If userip = "" Then userip = Request.ServerVariables("REMOTE_ADDR")
sql="update feedbak set hit=hit+1 where id="&request("id")
conn.execute(sql)
===================================================================================================
CSS样式:
a:link:表示已经链接;
a:hover:表示鼠标移上链接时;
a:active:表示链接激活时;
a:visited:表示己点击过的链接。
===================================================================================================
跳出对话框链接:
javascript:alert(’lajflsjpjwg’)
后退:javascript:history.back(1)
关闭窗口:javascript:window.close();
窗口还原
function restore(){
window.moveTo(8,8);
window.resizeTo(screen.width-24,screen.availHeight-24);
}
head区是指首页HTML代码的<head>和</head>之间的内容。
必须加入的标签
===================================================================================================
所有的javascript的调用尽量采取外部调用:
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
===================================================================================================
flash透明:
在flash的源代码中加上:<param name="wmode" value="transparent">
===================================================================================================
表格透明:
style="FILTER: alpha(opacity=72)"
===================================================================================================
禁止页面正文选取 :
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
===================================================================================================
页面定时刷新:

<meta http-equiv="Refresh" content="秒" >
===================================================================================================
设为首页 :
<A href=# onclick="this.style.behavior=’url(#default#homepage)’;this.setHomePage(’url’);">设为首页</A>
添加收藏 :
<A href="javascript:window.external.AddFavorite(’url’,’title’)">收藏本站</A>
===================================================================================================
文字滚动:
插入边框为0的1行1列的表格,在表格中输入文字,选中文字,
按ctrl+t输入marquee direction="up", 回车即可让文字在表格区域内向上滚动。
(right、down可用于让文字或图象向右及向下滚动,修改html原代码还可以得到需要的滚动速度。
===================================================================================================
表单验正:
<SCRIPT language=javascript>
function checkform(theform){
if(theform.name.value==""){
alert("姓名不能为空!");
theform.name.focus();
return false;
}
if(theform.tel.value==""){
alert("电话不能为空!");
theform.tel.focus();
return false;
}
}
</SCRIPT>
===================================================================================================
细线表格:
style="BORDER-COLLAPSE: collapse;"
===================================================================================================
滚动条颜色代码:
BODY{
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;
SCROLLBAR-BASE-COLOR: #FFFFFF
}
===================================================================================================
连续的英文或者一堆感叹号!!!不会自动换行的问题:
只要在CSS中定义了如下句子,可保网页不会再被撑开了
table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
注释一下:
1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
===================================================================================================
用marquee做的滚动字幕语法:
align=# | top | middle| bottom //对齐方式)
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移动的方式
BGCOLOR=color//底色区域颜色
DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向
Loop=n //循环次数(默认是循环不止)
Scrolldelay=milliseconds//延时
height=# width=# //区域面积
hspace=# vspace=# //空白区域
scrollamount=# //移动的速度
〈marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5〉〈/marquee〉
===================================================================================================
延迟跳转:
<meta http-equiv=refresh content=’3; url=javascript:window.close();’>
===================================================================================================
层在flash上面:
< param name="wmode" value="opaque" >
===================================================================================================
以图片方式插视频:
<IMG height=240 loop=infinite dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb width=320>
===================================================================================================
定义鼠标:
body{cursor: url(cur.ani或cur);}
===================================================================================================
示日期:

<script language="javascript"><!--
today=new Date();
var week; var date;
if(today.getDay()==0) week="星期日"
if(today.getDay()==1) week="星期一"
if(today.getDay()==2) week="星期二"
if(today.getDay()==3) week="星期三"
if(today.getDay()==4) week="星期四"
if(today.getDay()==5) week="星期五"
if(today.getDay()==6) week="星期六"
date=(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+" "
document.write("<span style=’font-size: 9pt;’>"+date+week+"</span>");
// -->
</script>
===================================================================================================
如何避免别人把你的网页放在框架中 :
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script>
===================================================================================================
消除ie6自动出现的图像工具栏:
设置 GALLERYIMG属性为false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
===================================================================================================
背景音乐:
<bgsound src=地址 loop="-1">
===================================================================================================
水平线:
<hr width="长度" size="高度" color="颜色代码" noshade> noshade为有无阴影
===================================================================================================
禁止鼠标右键:
在<body>标签中加入 <body oncontextmenu="return false">
===================================================================================================
状态栏连接说明:
<A HREF="链接到某处" onmouseOver="window.status=’连接说明’;return true;" onMouseOut="window.status=’ ’;">某某链接</a>
==================================================================================================
可以选择加入的标签:
1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅:
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2.禁止浏览器从本地机的缓存中调阅页面内容:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3.用来防止别人在框架里调用你的页面:
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4.自动跳转:
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引:
<META NAME="robots" CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
===================================================================================================
公司版权注释:
<!--- The site is designed by Maketown,Inc 06/2000 --->
网页显示字符集L
简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
网页制作者信息:
<META name="author" content="webmaster@maketown.com">
网站简介:
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">
搜索关键字:
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
网页的css规范:
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(参见目录及命名规范)
===================================================================================================
溢出栏的设制:
visible:超出的部分照样显示;
hidden:超出的部分隐藏;
scrool:不管有否超出,都显示滚动条;
auto:有超出时才出现滚动条;
onMouseOver:鼠标移到目标上;
onMouseUp:按下鼠标再放开左键时;
onMouseOut:鼠标移开时;
onMouseDown:按下鼠标时(不需要放开左键);
onClink:点击时;
onDblClick:双击时;
onLoad:载入网页时;
onUnload:离开页面时;
onResize:当浏览者改变浏览窗口的大小时;
onScroll:当浏览者拖动滚动条的时。
===================================================================================================
图片宽度:
<script language="javascript">
<!--
var flag=false;
function DrawImage(ckp){
var image=new Image();
image.src=ckp.src;
if(image.width>0 && image.height>0)
{flag=true;
if(image.width>120){
ckp.width=120;
}else{
ckp.width=image.width;
}
ckp.alt=image.width+"×"+image.height;
}
}
//-->
</script>
I’ll be Back 22:18:06
<img src="<%=formPath%>/<%=rs("photoname")%>" border="0" onload="javascript:DrawImage(this);">
===================================================================================================
截取字符是否加...
function formatStr(str,len)
if(len(str)>len)
str = left(str,len) + "..."
end if
formatStr = str
end function
===================================================================================================
服务器上如何定义连接:
MM_www_STRING ="driver={Microsoft access Driver (*.mdb)};dbq=" & server.mappath("../data/www.mdb")
===================================================================================================
列表/菜单
onchange="location=this.options[this.selectedIndex].value"
<iframe id="frm" src="k-xinwen.html" scrolling="no" width="314" height="179"></iframe>
<img src="xiangshang.jpg" onMouseOver="sf=setInterval(’frm.scrollBy(0,-2)’,1)" onMouseOut="clearInterval(sf)" width="31" height="31">
<img src="xiangxia.jpg" onMouseOver="sf=setInterval(’frm.scrollBy(0,2)’,1)" onMouseOut="clearInterval(sf)" width="31" height="31" >
reurl=server.htmlencode(request.ServerVariables("HTTP_REFERER"))
===================================================================================================
CSS文字阴影(定义在<TD>中)
.abc{
FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;
}
===================================================================================================
禁止图片下载:
<A HREF="javascript:void(0)" onMouseover="alert(’对不起,此图片不能下载!’)">
<IMG SRC="2.gif" Align="center" Border="0" width="99" height="50"></A>
===================================================================================================
从数据库里取出值把它们都放在一个字符串内!用逗号连接起来!
dim str
str=""
do while not rs.eof
if instr(str,rs(TypeID))=0 then
str=str&rs("typeid")&","
else
end if
’response.end
rs.movenext
loop
===================================================================================================
去掉循环字符串最后一个逗号
str=left(str,len(str)-1)
===================================================================================================
关闭输入法 <input style="ime-mode:disabled">
===================================================================================================
永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
===================================================================================================
网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
===================================================================================================
删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>
===================================================================================================
取得控件的绝对位置
//Javascript
<script language="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);
}
</script>
//VBScript
<script language="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
--></script>
===================================================================================================
光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
===================================================================================================
判断上一页的来源
javascript:
document.referrer
===================================================================================================
屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look;
</script>
===================================================================================================
网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
===================================================================================================
怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
===================================================================================================
.<div><span>&<layer>的区别?
<div>(division)用来定义大段的页面元素,会产生转行
<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行
<layer>是ns的标记,ie不支持,相当于<div>
===================================================================================================
不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉?更简单了
<body scroll="no">
</body>
===================================================================================================
在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
===================================================================================================
获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
===================================================================================================
日期减去天数等于第二个日期
<script language=Javascript>
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)
</script>
===================================================================================================
选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>
===================================================================================================
脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
===================================================================================================
页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。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种随机选择一种

新闻标题:做网站建设 网页常用代码
浏览地址:/news33/18883.html

成都网站建设公司_创新互联,为您提供搜索引擎优化建站公司企业网站制作虚拟主机网站制作静态网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设