网页制作精华代码大全

1. οncοntextmenu="window.event.returnvalue=false"      将彻底屏蔽鼠标右键  

<tableborder οncοntextmenu=return(false)><td>no</table>   可用于Table  


2.  <body onselectstart="returnfalse">                 取消选取、防止复制  



3.  οnpaste="return false"                                        不准粘贴  



4.  οncοpy="return false;"oncut="return false;"                 防止复制  



5.  <link rel="Shortcut Icon"href="favicon.ico"> IE地址栏前换成自己的图标  



6.  <link rel="Bookmark"href="favicon.ico">  可以在收藏夹中显示出你的图标



7.  <input style="ime-mode:disabled">                           关闭输入法  



8.  永远都会带着框架 

<scriptlanguage="javascript"><!-- 

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

//--></script>  




9.  防止被人frame 

<SCRIPTLANGUAGE=javascript><!--  

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

//--></SCRIPT>  



10.<noscript><iframe src=*.html></iframe></noscript>     网页将不能被另存为


11. <inputtype=button value=查看网页源代码  

οnclick="window.location=  ;view-source: ;+  ;http://www.csdn.net/;">   



12. 怎样通过asp的手段来检查来访者是否用了代理 

<% ifRequest.ServerVariables("HTTP_X_FORWARDED_FOR")<>""then 

response.write"<font color=&#35;FF0000>您通过了代理服务器,"&_ 

"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR") 

end if 

%>  



13. 取得控件的绝对位置 

//javascript 

<scriptlanguage="javascript"> 

functiongetIE(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 

<scriptlanguage="VBScript"><!-- 

functiongetIE() 

  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> 



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

<scriptlanguage="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=textname=text1 value="123" οnfοcus="cc()">  



15. 判断上一页的来源 

asp: 

request.servervariables("HTTP_REFERER") 

javascript: 

document.referrer  




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

<object id=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  

<paramname="Command" value="Minimize"></object> 

<object id=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  

<paramname="Command" value="Maximize"></object> 

<OBJECT id=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 

<PARAMNAME="Command" value="Close"></OBJECT> 

<inputtype=button value=最小化 οnclick=hh1.Click()> 

<inputtype=button value=最大化 οnclick=hh2.Click()> 

<inputtype=button value=关闭 οnclick=hh3.Click()> 

本例适用于IE  



17.  

<% 

 ;定义数据库连接的一些常量 

ConstadOpenForwardOnly     = 0  ;游标只向前浏览记录,不支持分页、Recordset、B

ookMark 

Const adOpenKeyset          = 1 ;键集游标,其他用户对记录说做的修改将反映到记

录集中,但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookM

ark 

ConstadOpenDynamic         = 2  ;动态游标功能最强,但耗资源也最多。用户对记录

说做的修改,增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。 

 

ConstadOpenStatic          = 3  ;静态游标,只是数据的一个快照,用户对记录说做

的修改,增加或删除记录都不会反映到记录集中。支持向前或向后移动 

ConstadLockReadOnly        = 1  ;锁定类型,默认的,只读,不能作任何修改 

ConstadLockPessimistic     = 2  ;当编辑时立即锁定记录,最安全的方式 

ConstadLockOptimistic      = 3  ;只有在调用Update方法时才锁定记录集,而在此前

的其他操作仍可对当前记录进行更改、插入和删除等 

ConstadLockBatchOptimistic = 4  ;当编辑时记录不会被锁定,而更改、插入和删除是

在批处理方式下完成的 

ConstadCmdText  = &H0001 

Const adCmdTable =&H0002 

%> 




18. 网页不会被缓存 

HTM网页 

<METAHTTP-EQUIV="pragma" CONTENT="no-cache"> 

<METAHTTP-EQUIV="Cache-Control" CONTENT="no-cache,must-rev&#97;lidate"> 

<META HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 

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

ASP网页 

  Response.Expires = -1 

  Response.ExpiresAbsolute = Now() - 1 

  Response.cachecontrol ="no-cache" 

PHP网页 

header("Expires:Mon, 26 Jul 1997 05:00:00 GMT"); 

header("Cache-Control:no-cache, must-rev&#97;lidate"); 

header("Pragma:no-cache");  




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

<scriptlanguage="javascript"><!-- 

functioncheckNum(str){return str.match(/\D/)==null} 

alert(checkNum("1232142141")) 

alert(checkNum("123214214a1"))  

//--></script>  



20. 获得一个窗口的大小 

document.body.clientWidth,document.body.clientHeight  



21. 怎么判断是否是字符 

if(/[^\x00-\xff]/g.test(s)) alert("含有汉字"); 

else alert("全是字符");  



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

<textarearows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.s

crollHeight"> 

</textarea>  



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

<scriptlanguage=javascript> 

functioncc(dd,dadd) 

//可以加上错误处理 

var a = newDate(dd) 

a =a.valueOf() 

a = a - dadd * 24* 60 * 60 * 1000 

a = newDate(a) 

alert(a.getFullYear()+ "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

 

cc("12/23/2002",2) 

</script>  



24. 选择了哪一个Radio 

<HTML><scriptlanguage="vbscript"> 

functioncheckme() 

  for each ob in radio1 

    if ob.checked then window.alertob.value 

  next 

end function 

</script><BODY> 

<INPUTname="radio1" type="radio" value="style"checked>Style 

<INPUTname="radio1" type="radio"value="barcode">Barcode 

<INPUTtype="button" value="check"οnclick="checkme()"> 

</BODY></HTML> 

25.获得本页url的request.servervariables("")集合 

Response.Write"<TABLE border=1><!-- Table Header--><TR><TD><B>Variables</B><

/TD><TD><B>value</B></TD></TR>" 

for each ob inRequest.ServerVariables 

Response.Write"<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></T

R>" 

next 

Response.Write"</TABLE>" 



26. 

本机ip<%=request.servervariables("remote_addr")%> 

服务器名<%=Request.ServerVariables("SERVER_NAME")%> 

服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%> 

服务器端口<%=Request.ServerVariables("SERVER_PORT")%> 

服务器时间<%=now%> 

IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%> 

脚本超时时间<%=Server.ScriptTimeout%> 

本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%> 

服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%> 

服务器解译引擎<%=ScriptEngine & "/"&ScriptEngineMajorVersion &"."&ScriptEngin

eMinorVersion&"."&ScriptEngineBuildVersion %> 

服务器操作系统<%=Request.ServerVariables("OS")%> 



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

<inputοnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 



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

把如下代码加入<body>区域中: 

<scriptlanguage=javascript> 

tim=1 

setInterval("tim++",100) 

b=1 

var autourl=newArray() 

autourl[1]="www.njcatv.net" 

autourl[2]="javacool.3322.net" 

autourl[3]="www.sina.com.cn" 

autourl[4]="www.nuaa.edu.cn" 

autourl[5]="www.cctv.com" 

functionbutt(){ 

document.write("<formname=autof>") 

for(vari=1;i<autourl.length;i++) 

document.write("<inputtype=text name=txt"+i+" size=10 value=测试中……> =》<i

nput type=textname=url"+i+" size=40> =》<inputtype=button value=GO οnclick=w

indow.open(this.form.url"+i+".value)><br/>") 

document.write("<inputtype=submit value=刷新></form>") 

butt() 

functionauto(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++ 

functionrun(){for(var i=1;i<autourl.length;i++)document.write("<imgsrc=http:

//"+autourl+"/"+Math.random()+" width=1 height=1 οnerrοr=auto(;http://;;;;;

+autourl +";)>")} 

run()</script> 



29. 各种样式的光标 

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

                 30---36为弹出窗口的制作和应用技巧



30.普通的弹出窗口

其实代码非常简单:

<SCRIPTLANGUAGE="javascript">

<!--

window.open (;page.html ;)

-->

</SCRIPT>

 

 因为这是一段javascripts代码,所以它们应该放在<SCRIPTLANGUAGE="javascript">标

签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不

会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

 window.open ( ;page.html ;) 用于控制弹出新的窗口page.html,如果page.html不与

主窗口在同一路径下,前面应写明路径,绝对路径(http://和相对路径(../)均可。 

 

 用单引号和双引号都可以,只是不要混用。

 这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也

可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

30.经过设置后的弹出窗口

 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定

制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

<SCRIPTLANGUAGE="javascript">

<!--

window.open (;page.html ;,  ;newwindow ;,  ;height=100, width=400, top=0, lef

t=0, toolbar=no,menubar=no, scrollbars=no, resizable=no,location=no, status=n

o ;)

//写成一行

-->

</SCRIPT>

 参数解释:

 

<SCRIPTLANGUAGE="javascript"> js脚本开始;

window.open 弹出新窗口的命令;

 ;page.html ; 弹出窗口的文件名;

 ;newwindow ; 弹出窗口的名字(不是文件名),非必须,可用空 ; ;代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

</SCRIPT> js脚本结束



31.用函数控制弹出窗口

 下面是一个完整的代码。

<html>

<head>

<scriptLANGUAGE="javascript">

<!--

function openwin(){

window.open("page.html", "newwindow", "height=100, width=400,toolbar=no, men

ubar=no,scrollbars=no, resizable=no, location=no, status=no")

//写成一行

}

//-->

</script>

</head>

<bodyοnlοad="openwin()">

..任意的页面内容...

</body>

</html>

 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用

途。

怎么调用呢?

 

 方法一:<body οnlοad="openwin()"> 浏览器读页面时弹出窗口;

 方法二:<body οnunlοad="openwin()">浏览器离开页面时弹出窗口;

 方法三:用一个连接调用:

<a href="注意:使用的“ 方法四:用一个按钮调用:

<inputtype="button" οnclick="openwin()" value="打开窗口">



32.同时弹出2个窗口

 对源代码稍微改动一下:

<scriptLANGUAGE="javascript">

<!--

function openwin(){

window.open("page.html", "newwindow", "height=100, width=100,top=0, left=0,t

oolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")

 

//写成一行

window.open("page2.html", "newwindow2", "height=100, width=100,top=100, left

=100,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=

no")

//写成一行

}

//-->

</script>

 

 为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后

用上面说过的四种方法调用即可。

注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?

 


33.主窗口打开文件1.htm,同时弹出小窗口page.html

 如下代码加入主窗口<head>区:

<scriptlanguage="javascript">

<!--

function openwin(){

window.open("page.html","","width=200,height=200")

}

//-->

</script>

加入<body>区:

<ahref="1.htm" οnclick="openwin()">open</a>即可。

33.弹出的窗口之定时关闭控制

 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入

弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后

自动关闭是不是更酷了?

 

 首先,将如下代码加入page.html文件的<head>区:

<scriptlanguage="javascript">

function closeit(){

setTimeout("self.close()",10000)//毫秒

}

</script>

 然后,再用<body οnlοad="closeit()"> 这一句话代替page.html中原有的<BODY>这一句

就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后

就自行关闭该窗口。)



34.在弹出窗口中加上一个关闭按钮

<FORM>

<INPUT TYPE=;BUTTON ; value= ;关闭 ; onClick= ;window.close() ;>

</FORM>

呵呵,现在更加完美了!



35.内包含的弹出窗口-一个页面两个窗口

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。

通过下面的例子,你可以在一个页面内完成上面的效果。

<html>

<head>

<SCRIPTLANGUAGE="javascript">

function openwin()

{

OpenWindow=window.open("","newwin", "height=250, width=250,toolbar=no,scrollb

ars="+scroll+",menubar=no");

//写成一行

OpenWindow.document.write("<TITLE>例子</TITLE>")

OpenWindow.document.write("<BODYBGCOLOR=OpenWindow.document.write("<h1>Hello!

</h1>")

OpenWindow.document.write("Newwindow opened!")

OpenWindow.document.write("</BODY>")

OpenWindow.document.write("</HTML>")

OpenWindow.document.close()

}

</SCRIPT>

</head>

<body>

<ahref="<input type="button" οnclick="openwin()"value="打开窗口">

</body>

</html>

 看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写

更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.doc

ument.close()结束啊。



36.终极应用--弹出的窗口之Cookie控制

 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现

吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个

页面,窗口都会弹出一次,是不是非常烦人?:-(

 有解决的办法吗?Yes! ;-) Follow me.

 我们使用cookie来控制一下就可以了。

 首先,将如下代码加入主页面HTML的<HEAD>区:

<script>

functionopenwin(){

window.open("page.html","","width=200,height=200")

}

functionget_cookie(Name) {

var search = Name+ "="

var returnvalue ="";

if(documents.cookie.length > 0) {

offset =documents.cookie.indexOf(search)

if (offset != -1){

offset +=search.length

end =documents.cookie.indexOf(";", offset);

if (end == -1)

end =documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset,end))

}

}

returnreturnvalue;

}

functionloadpopup(){

if (get_cookie(;popped ;)== ; ;){

openwin()

documents.cookie="popped=yes"

}

}

</script>

 然后,用<body οnlοad="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页

面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再

也不会弹出了。真正的Pop-Only-Once!

 



37.打开窗口即最大化

<scriptlanguage="javascript">

<!-- Begin

self.moveTo(0,0)

self.resizeTo(screen.availWidth,screen.availHeight)

// End -->

</script>

 

38.细线分隔线

<hr noshadesize=0 color=&#35;C0C0C0>



39.过度方式

<metahttp-equiv="Page-Exit"content="revealTrans(Duration=3,Transition=5)">

 

Duration的值为网页动态过渡的时间,单位为秒。

Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式

 



40.如何控制横向和纵向滚动条的显隐?

<bodystyle="overflow-y:hidden"> 去掉x轴

<bodystyle="overflow-x:hidden"> 去掉y轴

<bodyscroll="no">不显



41.怎样在 FrontPage2000 中加入 Flash 动画?

在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash

 文件的大小及其它信息,确定即可。



42.加入注释的格式是:    

〈!-[注释内容…]--〉



43.怎样在网页中加入 E-mail 链接并显示预定的主题?

〈A href="mailto:Emailhost@263.net?subject=主题〉……〈/a〉



44.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:

〈meta name="Keywords"content="china,enterprise,business,net"〉   

Content 中所包含的就是关键字,你可以自行设置。   

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

〈meta name="Keywords"content="china,china,china,china"〉



45.IE5.0 的部分快捷键:

A:打开查找功能:Ctrl+F

关闭浏览器窗口:Ctrl+W

打开地址栏下拉列表框:F4

刷 新:F5

将当前Web页保存到收藏夹列表:Ctrl+D

打开当前 IE 窗口的一个拷贝:Ctrl+N

停止下载当前网页:Esc

光标迅速移动到网页的开头:Home

光标迅速移动到网页的尾部:End

打开新的地址键入窗口:Ctrl+O

打开收藏夹:Ctrl+I

打开历史记录文件夹:Ctrl+H

打开浏览器设定的默认主页:Alt+HOME

 


46.添加到收藏夹:

〈ahref="javascript:window.external.addFavorite( ;http://链接;, ;说明 ;);"〉

添加到收藏夹〈/a〉



47.设为首页:

〈a href=&#35;οnclick=this.style.behavior= ;url(&#35;default&#35;homepage) ;;

this.setHomePage(;http://链接;);〉设为首页〈/a〉 



48.定制浏览器地址栏前的小图标:

 

A:在网页的〈head〉〈/head〉间加入以下语句:

〈link rel="shortcuticon"href="http://…/icon.ico〉

即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。

 


49.把滚动条放在浏览器窗口的左边

 

A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。

根据内容扩大IFRAME的高度

Email 2003-10-2323:21:29 

 

<table><tr>

     <td id="mainview">

     <iframesrc="http://192.168.0.44/announce.asp?boardid=25;;  width="100%"

 height="100%" name="main"scrolling="no" border="0" frameborder="0">

     这里是内框架,如果看不到请升级你的IE。</iframe></td>

    </tr></table>

<scriptlanguage="javascript" for="main"event="onload">

mainview.height=main.document.body.scrollHeight+10;

</script>

JS:自动计算数值

Email 2003-10-2323:21:58 

 

单价:20<br>

数量:<input type=textonKeyUp="javascript:total.value=20*this.value;"><br>

金额:<input type=textname=total><br>[分享]网页制作精华代码大全

 

[这个贴子最后由超越在 2005/03/06 06:20pm 第 1 次编辑]

 

  曾经也有人发过这方面的帖子,但是不够完整,我把搜集到的,也是比较常用的贴出

来,希望对大家有所帮助!1. οncοntextmenu="window.event.returnvalue=false"   

  将彻底屏蔽鼠标右键 

    <table borderοncοntextmenu=return(false)><td>no</table>   可用于Table 

 

2.  <body onselectstart="returnfalse">                 取消选取、防止复制 

 

3.  οnpaste="return false"                                        不准粘贴 

 

4.  οncοpy="return false;"oncut="return false;"                 防止复制 

 

5.  <link rel="Shortcut Icon"href="favicon.ico"> IE地址栏前换成自己的图标 

 

6.  <link rel="Bookmark"href="favicon.ico">  可以在收藏夹中显示出你的图标 

 

7.  <inputstyle="ime-mode:disabled">                           关闭输入法 

 

8.  永远都会带着框架 

<scriptlanguage="javascript"><!-- 

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

 

//--></script> 

9.  防止被人frame 

<SCRIPTLANGUAGE=javascript><!--  

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

//--></SCRIPT> 

10.<noscript><iframe src=*.html></iframe></noscript>     网页将不能被另存为 

 

11. <input type=buttonvalue=查看网页源代码  

οnclick="window.location=  ;view-source: ;+  ;http://www.csdn.net/;">  

12. 怎样通过asp的手段来检查来访者是否用了代理 

<% ifRequest.ServerVariables("HTTP_X_FORWARDED_FOR")<>""then 

response.write"<font color=&#35;FF0000>您通过了代理服务器,"&_ 

"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR") 

end if 

%> 

13. 取得控件的绝对位置 

//javascript 

<scriptlanguage="javascript"> 

functiongetIE(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 

<scriptlanguage="VBScript"><!-- 

functiongetIE() 

  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> 

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

<scriptlanguage="javascript"> 

function cc() 

  var e = event.srcElement; 

  var r =e.createTextRange(); 

  r.moveStart( ;character;,e.value.length); 

  r.collapse(true); 

  r.select(); 

</script> 

<inputtype=text name=text1 value="123" οnfοcus="cc()"> 

15. 判断上一页的来源 

asp: 

request.servervariables("HTTP_REFERER") 

javascript: 

document.referrer 

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

<object id=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  

<paramname="Command" value="Minimize"></object> 

<object id=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  

<paramname="Command" value="Maximize"></object> 

<OBJECT id=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 

<PARAMNAME="Command" value="Close"></OBJECT> 

<inputtype=button value=最小化 οnclick=hh1.Click()> 

<inputtype=button value=最大化 οnclick=hh2.Click()> 

<inputtype=button value=关闭 οnclick=hh3.Click()> 

本例适用于IE 

17.  

<% 

 ;定义数据库连接的一些常量 

ConstadOpenForwardOnly     = 0  ;游标只向前浏览记录,不支持分页、Recordset、B

ookMark 

ConstadOpenKeyset          = 1  ;键集游标,其他用户对记录说做的修改将反映到记

录集中,但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookM

ark 

ConstadOpenDynamic         = 2  ;动态游标功能最强,但耗资源也最多。用户对记录

说做的修改,增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。 

 

ConstadOpenStatic          = 3  ;静态游标,只是数据的一个快照,用户对记录说做

的修改,增加或删除记录都不会反映到记录集中。支持向前或向后移动 

ConstadLockReadOnly        = 1  ;锁定类型,默认的,只读,不能作任何修改 

ConstadLockPessimistic     = 2  ;当编辑时立即锁定记录,最安全的方式 

ConstadLockOptimistic      = 3  ;只有在调用Update方法时才锁定记录集,而在此前

的其他操作仍可对当前记录进行更改、插入和删除等 

ConstadLockBatchOptimistic = 4  ;当编辑时记录不会被锁定,而更改、插入和删除是

在批处理方式下完成的 

ConstadCmdText  = &H0001 

Const adCmdTable =&H0002 

%> 

18. 网页不会被缓存 

HTM网页 

<METAHTTP-EQUIV="pragma" CONTENT="no-cache"> 

<METAHTTP-EQUIV="Cache-Control" CONTENT="no-cache,must-rev&#97;lidate"> 

<METAHTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57GMT"> 

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

ASP网页 

  Response.Expires = -1 

  Response.ExpiresAbsolute = Now() - 1 

  Response.cachecontrol ="no-cache" 

PHP网页 

header("Expires:Mon, 26 Jul 1997 05:00:00 GMT"); 

header("Cache-Control:no-cache, must-rev&#97;lidate"); 

header("Pragma:no-cache"); 

 

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

<scriptlanguage="javascript"><!-- 

functioncheckNum(str){return str.match(/\D/)==null} 

alert(checkNum("1232142141")) 

alert(checkNum("123214214a1")) 

//--></script> 

20. 获得一个窗口的大小 

document.body.clientWidth,document.body.clientHeight 

21. 怎么判断是否是字符 

if(/[^\x00-\xff]/g.test(s)) alert("含有汉字"); 

else alert("全是字符"); 

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

<textarearows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.s

crollHeight"> 

</textarea> 

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

<scriptlanguage=javascript> 

functioncc(dd,dadd) 

//可以加上错误处理 

var a = newDate(dd) 

a =a.valueOf() 

a = a - dadd * 24* 60 * 60 * 1000 

a = newDate(a) 

alert(a.getFullYear()+ "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

 

cc("12/23/2002",2) 

</script> 

24. 选择了哪一个Radio 

<HTML><scriptlanguage="vbscript"> 

functioncheckme() 

  for each ob in radio1 

    if ob.checked then window.alertob.value 

  next 

end function 

</script><BODY> 

<INPUTname="radio1" type="radio" value="style"checked>Style 

<INPUTname="radio1" type="radio"value="barcode">Barcode 

<INPUTtype="button" value="check"οnclick="checkme()"> 

</BODY></HTML> 

25.获得本页url的request.servervariables("")集合 

Response.Write"<TABLE border=1><!-- Table Header--><TR><TD><B>Variables</B><

/TD><TD><B>value</B></TD></TR>" 

for each ob inRequest.ServerVariables 

Response.Write"<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></T

R>" 

next 

Response.Write"</TABLE>" 

26. 

本机ip<%=request.servervariables("remote_addr")%> 

服务器名<%=Request.ServerVariables("SERVER_NAME")%> 

服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%> 

服务器端口<%=Request.ServerVariables("SERVER_PORT")%> 

服务器时间<%=now%> 

IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%> 

脚本超时时间<%=Server.ScriptTimeout%> 

本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%> 

服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%> 

服务器解译引擎<%=ScriptEngine & "/"&ScriptEngineMajorVersion &"."&ScriptEngin

eMinorVersion&"."&ScriptEngineBuildVersion %> 

服务器操作系统<%=Request.ServerVariables("OS")%> 

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

<inputοnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 

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

把如下代码加入<body>区域中: 

<scriptlanguage=javascript> 

tim=1 

setInterval("tim++",100) 

b=1 

var autourl=newArray() 

autourl[1]="www.njcatv.net" 

autourl[2]="javacool.3322.net" 

autourl[3]="www.sina.com.cn" 

autourl[4]="www.nuaa.edu.cn" 

autourl[5]="www.cctv.com" 

functionbutt(){ 

document.write("<formname=autof>") 

for(vari=1;i<autourl.length;i++) 

document.write("<inputtype=text name=txt"+i+" size=10 value=测试中……> =》<i

nput type=textname=url"+i+" size=40> =》<inputtype=button value=GO οnclick=w

indow.open(this.form.url"+i+".value)><br/>") 

document.write("<inputtype=submit value=刷新></form>") 

butt() 

functionauto(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++ 

functionrun(){for(var i=1;i<autourl.length;i++)document.write("<imgsrc=http:

//"+autourl+"/"+Math.random()+" width=1 height=1 οnerrοr=auto(;http://;;;;;

+autourl +";)>")} 

run()</script> 

29. 各种样式的光标 

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

                 30---36为弹出窗口的制作和应用技巧

30.普通的弹出窗口

其实代码非常简单:

<SCRIPTLANGUAGE="javascript">

<!--

window.open (;page.html ;)

-->

</SCRIPT>

 

 因为这是一段javascripts代码,所以它们应该放在<SCRIPTLANGUAGE="javascript">标

签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不

会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

 window.open ( ;page.html ;) 用于控制弹出新的窗口page.html,如果page.html不与

主窗口在同一路径下,前面应写明路径,绝对路径(http://和相对路径(../)均可。 

 

 用单引号和双引号都可以,只是不要混用。

 这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也

可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

30.经过设置后的弹出窗口

 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定

制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

<SCRIPTLANGUAGE="javascript">

<!--

window.open (;page.html ;,  ;newwindow ;,  ;height=100, width=400, top=0, lef

t=0, toolbar=no,menubar=no, scrollbars=no, resizable=no,location=no, status=n

o ;)

//写成一行

-->

</SCRIPT>

 参数解释:

 

<SCRIPTLANGUAGE="javascript"> js脚本开始;

window.open 弹出新窗口的命令;

 ;page.html ; 弹出窗口的文件名;

 ;newwindow ; 弹出窗口的名字(不是文件名),非必须,可用空 ; ;代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

</SCRIPT> js脚本结束

31.用函数控制弹出窗口

 下面是一个完整的代码。

<html>

<head>

<scriptLANGUAGE="javascript">

<!--

function openwin(){

window.open("page.html", "newwindow", "height=100, width=400,toolbar=no, men

ubar=no,scrollbars=no, resizable=no, location=no, status=no")

//写成一行

}

//-->

</script>

</head>

<bodyοnlοad="openwin()">

..任意的页面内容...

</body>

</html>

 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用

途。

怎么调用呢?

 

 方法一:<body οnlοad="openwin()"> 浏览器读页面时弹出窗口;

 方法二:<body οnunlοad="openwin()">浏览器离开页面时弹出窗口;

 方法三:用一个连接调用:

<a href="注意:使用的“ 方法四:用一个按钮调用:

<inputtype="button" οnclick="openwin()" value="打开窗口">

32.同时弹出2个窗口

 对源代码稍微改动一下:

<scriptLANGUAGE="javascript">

<!--

function openwin(){

window.open("page.html", "newwindow", "height=100, width=100,top=0, left=0,t

oolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")

 

//写成一行

window.open("page2.html", "newwindow2", "height=100, width=100,top=100, left

=100,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=

no")

//写成一行

}

//-->

</script>

 

 为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后

用上面说过的四种方法调用即可。

注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?

 

33.主窗口打开文件1.htm,同时弹出小窗口page.html

 如下代码加入主窗口<head>区:

<scriptlanguage="javascript">

<!--

function openwin(){

window.open("page.html","","width=200,height=200")

}

//-->

</script>

加入<body>区:

<ahref="1.htm" οnclick="openwin()">open</a>即可。

33.弹出的窗口之定时关闭控制

 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入

弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后

自动关闭是不是更酷了?

 

 首先,将如下代码加入page.html文件的<head>区:

<scriptlanguage="javascript">

function closeit(){

setTimeout("self.close()",10000)//毫秒

}

</script>

 然后,再用<body οnlοad="closeit()"> 这一句话代替page.html中原有的<BODY>这一句

就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后

就自行关闭该窗口。)

34.在弹出窗口中加上一个关闭按钮

<FORM>

<INPUT TYPE=;BUTTON ; value= ;关闭 ; onClick= ;window.close() ;>

</FORM>

呵呵,现在更加完美了!

35.内包含的弹出窗口-一个页面两个窗口

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。

通过下面的例子,你可以在一个页面内完成上面的效果。

<html>

<head>

<SCRIPTLANGUAGE="javascript">

function openwin()

{

OpenWindow=window.open("","newwin", "height=250, width=250,toolbar=no,scrollb

ars="+scroll+",menubar=no");

//写成一行

OpenWindow.document.write("<TITLE>例子</TITLE>")

OpenWindow.document.write("<BODYBGCOLOR=OpenWindow.document.write("<h1>Hello!

</h1>")

OpenWindow.document.write("Newwindow opened!")

OpenWindow.document.write("</BODY>")

OpenWindow.document.write("</HTML>")

OpenWindow.document.close()

}

</SCRIPT>

</head>

<body>

<ahref="<input type="button" οnclick="openwin()" value="打开窗口">

</body>

</html>

 看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写

更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.doc

ument.close()结束啊。

36.终极应用--弹出的窗口之Cookie控制

 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现

吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个

页面,窗口都会弹出一次,是不是非常烦人?:-(

 有解决的办法吗?Yes! ;-) Follow me.

 我们使用cookie来控制一下就可以了。

 首先,将如下代码加入主页面HTML的<HEAD>区:

<script>

functionopenwin(){

window.open("page.html","","width=200,height=200")

}

functionget_cookie(Name) {

var search = Name+ "="

var returnvalue ="";

if(documents.cookie.length > 0) {

offset =documents.cookie.indexOf(search)

if (offset != -1){

offset +=search.length

end =documents.cookie.indexOf(";", offset);

if (end == -1)

end =documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset,end))

}

}

returnreturnvalue;

}

functionloadpopup(){

if (get_cookie(;popped ;)== ; ;){

openwin()

documents.cookie="popped=yes"

}

}

</script>

 然后,用<body οnlοad="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页

面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再

也不会弹出了。真正的Pop-Only-Once!

 

37.打开窗口即最大化

<scriptlanguage="javascript">

<!-- Begin

self.moveTo(0,0)

self.resizeTo(screen.availWidth,screen.availHeight)

// End -->

</script>

 

38.细线分隔线

<hr noshadesize=0 color=&#35;C0C0C0>

39.过度方式

<metahttp-equiv="Page-Exit"content="revealTrans(Duration=3,Transition=5)">

 

Duration的值为网页动态过渡的时间,单位为秒。

Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式

 

40.如何控制横向和纵向滚动条的显隐?

<bodystyle="overflow-y:hidden"> 去掉x轴

<bodystyle="overflow-x:hidden"> 去掉y轴

<body scroll="no">不显

41.怎样在 FrontPage2000 中加入 Flash 动画?

在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash

 文件的大小及其它信息,确定即可。

42.加入注释的格式是:    

〈!-[注释内容…]--〉

43.怎样在网页中加入 E-mail 链接并显示预定的主题?

〈Ahref="mailto:Emailhost@263.net?subject=主题〉……〈/a〉

44.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:

〈meta name="Keywords"content="china,enterprise,business,net"〉   

Content 中所包含的就是关键字,你可以自行设置。   

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

〈meta name="Keywords"content="china,china,china,china"〉

45.IE5.0 的部分快捷键:

A:打开查找功能:Ctrl+F

关闭浏览器窗口:Ctrl+W

打开地址栏下拉列表框:F4

刷 新:F5

将当前Web页保存到收藏夹列表:Ctrl+D

打开当前 IE 窗口的一个拷贝:Ctrl+N

停止下载当前网页:Esc

光标迅速移动到网页的开头:Home

光标迅速移动到网页的尾部:End

打开新的地址键入窗口:Ctrl+O

打开收藏夹:Ctrl+I

打开历史记录文件夹:Ctrl+H

打开浏览器设定的默认主页:Alt+HOME

 

46.添加到收藏夹:

〈a href="javascript:window.external.addFavorite(;http://链接;, ;说明;);"〉

添加到收藏夹〈/a〉

47.设为首页:

〈a href=&#35;οnclick=this.style.behavior= ;url(&#35;default&#35;homepage) ;;

this.setHomePage(;http://链接;);〉设为首页〈/a〉 

48.定制浏览器地址栏前的小图标:

 

A:在网页的〈head〉〈/head〉间加入以下语句:

〈link rel="shortcuticon" href="http://…/icon.ico〉

即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。

 

49.把滚动条放在浏览器窗口的左边

 

A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。

根据内容扩大IFRAME的高度

Email 2003-10-2323:21:29 

 

<table><tr>

     <td id="mainview">

     <iframesrc="http://192.168.0.44/announce.asp?boardid=25;;  width="100%"

 height="100%" name="main"scrolling="no" border="0" frameborder="0">

     这里是内框架,如果看不到请升级你的IE。</iframe></td>

    </tr></table>

<scriptlanguage="javascript" for="main"event="onload">

mainview.height=main.document.body.scrollHeight+10;

</script>

JS:自动计算数值

Email 2003-10-2323:21:58 

 

单价:20<br>

数量:<input type=textonKeyUp="javascript:total.value=20*this.value;"><br>

金额:<input type=textname=total><br>







  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安得权

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值