javascript 技术实战

最新推荐文章于 2022-01-07 18:21:45 发布

Quentinlees

最新推荐文章于 2022-01-07 18:21:45 发布

阅读量3.9k

点赞数

分类专栏：脚本程序文章标签： javascript function button input vbscript dreamweaver

本文链接：https://blog.csdn.net/Quentinlees/article/details/1756294

版权

脚本程序专栏收录该内容

19 篇文章 0 订阅

订阅专栏

我的博客
跨越生活的足迹...................

2007-1-8pt和px的区别

   像素（Pixel）是相对长度单位，是相对于显示器屏幕分辨率而言的。
   点（Point）是绝对长度单位。1in=2.54cm=25.4mm=72pt=6pc。用pt的话会随浏览器或系统的显示字体大小改变。
   推荐用px，因为px能够精确地表示元素在屏幕中的位置和大小
loading...

2006-11-19网页代码常用小技巧！(2) [转]

41.变换网页的鼠标光标
〈BODY style=CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)〉

42.怎样实现在任务栏显示小图标的效果？ (要使用绝对地址)
有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标，
这样很好的与其它站点有了区别。
要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。文件格式为ico，然后上传至你的网站。
然后，在需要的页面中，加上以下html语句到文件的〈head〉和〈/head〉之间（假设以上ico文件的地址

http://happyisland.126.com/icon.ico）。
〈link REL=SHORTCUT ICONhref=http:〖砺剑〗打了个大揖笑呵呵地说道：大家好，恭喜发财 ! .island.126.com/icon.ico;〉
如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。
1,META标签里的代码是什么意思？
〈META〉是放于〈HEAD〉与〈/HEAD〉之间的标记.以下是我总结它在网页中最常见的几种。
〈meta name=Keywords content=图片, 新闻, 音乐, 软件〉
该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站中并没什么用。
〈meta http-equiv=Content-Type content=text/html; charset=gb2312〉
〈meta http-equiv=Content-Type content=text/html; charset=iso-8859-1〉
设定这是 HTML 文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使

用 iso-8859-1。
〈meta name=GENERATOR content=Microsoft FrontPage 5.0〉
这只表示该网页由什么编辑器写的。
〈meta http-equiv=refresh content=10; url=http://www.hkiwc.com〉
这行较为实用，能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。

2，怎么改变滚动条的颜色，只有ie5.5版本以上才能支持。
这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定的关系。
scrollbar-arrow-color：上下按钮上三角箭头的颜色。
scrollbar-base-color：滚动条的基本颜色。
scrollbar-dark-shadow-color：立体滚动条强阴影的颜色
scrollbar-face-color：立体滚动条凸出部分的颜色
scrollbar-highlight-color：滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
代码如下：
〈style〉
〈!--
BODY {
scrollbar-face-color:#99CC33;//(立体滚动条凸出部分的颜色)
scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色)
scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色)
scrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色)
scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色)
scrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色)
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
}
--〉
〈/style〉
在这我补充几点：
1.让浏览器窗口永远都不出现滚动条。
〈body style=overflow-x:hidden;overflow-y:hidden〉或〈body style=overflow:hidden〉或〈body scroll=no〉
2，没有水平滚动条
〈body style=overflow-x:hidden〉
3，没有垂直滚动条
〈body style=overflow-y:hidden〉

3,如何给图片抖动怎做的.
〈SCRIPT language=javascript1.2〉
〈!--
var rector=2
var stopit=0
var a=1
var count=0
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1||count==100)
return
count++
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a〈4)
a++
else
a=1
setTimeout(rattleimage(),50)
}
function stoprattle(which){
stopit=1
count=0
which.style.left=0
which.style.top=0
}
//--〉
〈/SCRIPT〉
〈style〉.shakeimage {POSITION: relative}
〈/style〉
〈img src=图片的路径 οnmοuseοut=stoprattle(this) οnmοuseοver=init(this);rattleimage() class=shakeimage〉

4，在DW如何给水平线加颜色。
在DW中没有此项设置，你只能在HTML中加入代码：〈hr color=red noshade〉按F12的预览在能看到。由于在NC中不支持〈hr〉的COLOR属性，

所以在DW中没有此项设置。
　　　
5，如何在网页中实现flash的全屏播放？
只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File

菜单；选Publish Settings弹出导出设置对话框；在HTML标签下的Dimensions选项,下拉后选中Percent（百分比）,并在WIDTH 和HEIGHT框中填

100.就行了。

6,为什么我在DW中插入的Flash动画缺看不找！
如果你没有正确地安装Dreamweaver和Flash，那么在你预览的时候，Dreamweaver会提示你缺少播放的插件，请你按装InstallAXFlash.exe 并

从新启动计算机。现在IE6已经捆绑这个程序。

7，在Flash中，如果屏蔽鼠标右键?FS命令都是什么意思?
fscommand (fullscreen, true/false);（全屏设置，TRUE开，FALSE关）
fscommand (showmenu, true/false);（右键菜单设置，TRUE显示，FALSE不显示）
fscommand (allowscale, true/false);（缩放设置，TRUE自由缩放，FALSE调整画面不影响影片本身的尺寸）
fscommand (trapallkeys, true/false);（快捷键设置，TRUE快捷键开，FALSE快捷键关）
fscommand (exec);（EXE程序调用）
fscommand (quit);（退出关闭窗口）

8，Flash中什么是隐形按钮。
利用button中的hit帧来制作只有感应区域而完全透明的按钮。

9，如何给Flash动画做链接。
Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中。

10，DW中的层的技巧。
层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了

。

11，如何改变鼠标的形状？
在Dreamweaver4中CSS样式面板：
按CTR+SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把

你要想改变的地方运用样式表，如果整页都有在〈body bgcolor=#003063 text=#ffffff id=all〉中加入就行了。
〈span style=cursor:X`〉样例〈/span〉
这里选择（文本）作为对象，还可以自己改为其他的，如link等。
x可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（

向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw-resize（左下箭头）、s-resize（向

下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。

12，用CSS做邮票，看看吧！
〈input type=button value=我象不象邮票？ style=height:80px;border:2px dashed #cccccc〉

13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！
这javascript代码即可实现，摘录蓝色论坛。
【1、最基本的弹出窗口代码】
其实代码非常简单：
〈SCRIPT LANGUAGE=javascript〉
〈!--
window.open (`page.html`)
--〉
〈/SCRIPT〉
因为着是一段javascripts代码，所以它们应该放?lt;SCRIPT LANGUAGE=javascript〉标签和〈/script〉之间。〈!-- 和 --〉是对一些版本低

的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
window.open (`page.html`) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径

(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，〈head〉和〈/head〉之间可以，〈body bgcolor=#003063 text=#ffffff id=all〉间〈/body〉也可以

，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。
〈SCRIPT LANGUAGE=javascript〉
〈!--
window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no,

resizable=no,location=no, status=no`)
//写成一行
--〉
〈/SCRIPT〉
参数解释：
〈SCRIPT LANGUAGE=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脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
〈html〉
〈head〉
〈script LANGUAGE=javascript〉
〈!--
function openwin() { window.open (page.html, newwindow, height=100, width=400, toolbar=
no, menubar=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=# οnclick=openwin()〉打开一个窗口〈/a〉
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：
〈input type=button οnclick=openwin() value=打开窗口〉

14，没有用表格写的，让大家随便看看，没什么。
〈html〉
〈head〉
〈title〉江南荷花扇面〈/title〉
〈meta http-equiv=Content-Type content=text/html; charset=gb2312〉
〈style type=text/css〉
〈!--
.font1 { font-size: 12px; color: #999999; text-decoration: none}
a { font-size: 12px; color: #999999; text-decoration: none}
a:hover { font-size: 12px; color: #000000; text-decoration: none}
--〉
〈/style〉
〈/head〉
〈body bgcolor=#FFFFFF text=#000000〉
〈div class=font1 style=writing-mode=tb-rl;height:200px width=300〉
〈p〉盛夏　　　　　　尚　涛　
〈p〉〈a href=index.htm〉一夜露痕黄粉香　袁运甫〈/a〉
〈p〉瑶池昨夜新凉　　王金岭
〈p〉一朵白莲随意开　吴冠南
〈p〉新雨迎秋欲满塘　齐辛民
〈p〉十里荷香　　　　齐辛民
〈p〉濯清莲而不妖　　卢世曙
〈/div〉
〈/body〉
〈/html〉

15,IE6已支持自定义cursor!
语法格式 cursor:url(图标) //cur或是ani文件.
cur就是WINDOWS中的光标(cursor)文件，光标文件与图标（ICON)文件除了文件头有一个位置的值不同外，实际是一样的。
ani是WINDOWS中的动画光标（图标）文件。
〈style type=text/css〉
〈!--
.unnamed1 { cursor:url(arrow2c.cur)}
--〉
〈/style〉

16,用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〉

17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。
这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。

18，flash的网页里“加入收藏夹”功能怎么实现？
在as中加getUrl(java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`))

19，在Flash中，文本的动态属性和输入属性的区别。
input text在运行时可被用户或程序改变其值。
ynamic text仅允许被程序修改。

20,怎样在IE中调用Dreamweaver进行编辑.
相信很多在使用WinME或Window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加

到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver]
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell]
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit]
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit/command]
@=/c://Program Files//Macromedia//Dreamweaver 4//dreamweaver.exe/ /%1/

21，设置表格虚线。
方法一：作一个1X2的图。半黑半白，再利用表格作成线。
方法二：在css里面设，要IE5。5才支持这种效果。
style=BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM:

#000000 1PX DASHED

22,看看在网页中调用HHCtrl控件效果。
代码如下：
〈object id=HHC type=application/x-oleobject classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11〉〈/object〉〈script〉

HHC.TextPopup(哈哈,大家好,我是闪梦!,,50,5,128255,346751);〈/script〉

22，如何让一张图片有浅到深的渐变。
〈SCRIPT language=javascript1.2〉
〈!--
function high(which2){
theobject=which2
highlighting=setInterval(highlightit(theobject),50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity〈100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
〈/script〉
〈img οnmοuseοut=low(this) οnmοuseοver=high(this) style=FILTER: alpha(opacity=40)src=logo.gif 〉

23,双击鼠标左键来滚动背景，单击停止。
〈SCRIPT language=javascript〉
var currentpos,timer;
function initialize()
{
timer=setInterval(scrollwindow(),16);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.οnmοusedοwn=sc
document.οndblclick=initialize
〈/SCRIPT〉

24,如何在同一页面设置不同文字链接效果的样式.
代码如下：
〈HTML〉〈HEAD〉〈TITLE〉如何在同一页面设置不同文字链接效果的样式〈/TITLE〉
〈meta http-equiv=Content-Type content=text/html; charset=gb2312〉
〈style type=text/css〉
〈!--
a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}
a:link { font-size: 9pt; color: #006699; text-decoration: underline}
a:visited { font-size: 9pt; color: #006699; text-decoration: underline}
a:active { font-size: 9pt; color: #FF0000; text-decoration: none}
a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}
a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}
a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}
a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}
--〉
〈/style〉
〈/head〉
〈body bgcolor=#FFFFFF text=#000000〉
〈a href=#〉下划线链接〈/a〉
〈p〉〈/p〉
〈a href=# class=r1〉双下划线链接〈/a〉
〈/BODY〉
〈/HTML〉
补充说明：
a:hover 表示鼠标划过时的样式.
a:link 表示链接的样式.
a:active 表示当前活动连接的样式.
a:visited 表示已经访问过的连接的样式.

25, 用CSS给文字加入阴影效果和文字描边效果。
.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}
//文字描边效果
.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-

FAMILY: 宋体}
//加入阴影效果
补充说明：
　　这两种滤镜要想实现效果，必须加在如：〈td class=glow或shadow 〉〈div〉xxxxxxxxx〈/div〉〈/td〉上
，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。

26,如何给做带颜色的下拉菜单。
〈select style=FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600; size=1 〉
〈option selected〉:: Dreamweaver4 ::〈/option〉
〈option〉::Flash5::〈/option〉
〈option〉::Firewoks4::〈/option〉
〈/select〉

27,关于DW4的表格中的亮边框和暗边框问题。
在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。
bordercolorlight=#999999 bordercolordark=#000000
　　你也可以用Css定义一个class。例如：
〈style〉
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
〈/style〉
　　然后在要加效果的表格里加?lt;table class=bordercolor〉

28,自动显示主页最后更新日期.
〈script〉
document.write(最后更新日期：+document.lastModified+)
〈/script〉

29,如何让滚动条出现在左边？
我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！
〈html dir=rtl〉
〈body bgcolor=#000000 text=#FFFFFF〉
〈table height=18 width=212 align=center bgcolor=#FFFFFF dir=ltr cellspacing=1 　cellpadding=0〉
〈tr〉
〈td bgcolor=#FF0000 〉是不是你的滚动条在左边啊〈/td〉
〈/tr〉
〈/table〉
〈/body〉
〈/html〉

30,如何加入网址前面的小图标？
　　首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有

特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容：〈LINK

REL=SHORTCUT ICON HREF= http://skydesigner.51.net/图标文件名〉,并放在该网页的根目录下。

31,在800*600显示器中，如何不让网页水平出现滚动条！
设至〈body leftmargin=0 topmargin=0〉，网页中的表格宽度为778。

32,关于〈!DOTYPE〉的说明解释。
在网页中，经常会看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`〉，是声明HTML文件的版本信息。

33, 用图片来关闭窗体.
〈A href=java script:window.close()〉〈IMG height=20 width=20 alt=关闭窗口 src=close.gif border=0〉〈/A〉
补充说明：如何使用了ACTIVEX！,不再警告窗口？
〈html〉
〈head〉
〈object id=closes type=application/x-oleobject
classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11〉
〈param name=Command value=Close〉〈/object〉
〈/head〉
〈body bgcolor=#003063 text=#ffffff id=all〉〈a href=# οnclick=closes.Click();〉关闭窗口无提示〈/a〉
〈/body〉
〈/html〉

34,禁止鼠标右键查看网页源代码。
〈SCRIPT language=javascript〉
function click()
{if (event.button==2) {alert(`你好,欢迎光临！`) }}
document.οnmοusedοwn=click
〈/SCRIPT〉
补充说明：
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。
〈 body οncοntextmenu=return false οndragstart=return false onselectstart=return false〉

35,通过按钮来查看网页源代码。
〈input type=BUTTON value=查看源代码 onClick= `window.location = view-source: + window.location.href` name=BUTTON〉

36,怎么用文字联结实现按钮的SUBMIT功能？
〈a href=# οnclick=formname.submit()〉OK〈/a〉
这段文字要放在form里。formname是这里要写在form中的name,〈form name=form111〉那么就应该是form111.submit()

37,如何做一个空链接？
加#

38,利用〈IFRAME〉来给网页中插入网页。
　　经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了〈IFRAME〉,它只适用于IE，NS可是不支持〈IFRAME〉的，但

围着的字句只有在浏览器不支援 iframe 标记时才会显示，如〈noframes〉一样，可以放些提醒字句之类的话。
你注意啊！下面请和我学习它的用法。
分析代码：〈iframe src=iframe.html name=test align=MIDDLE width=300 height=100 marginwidth=1 marginheight=1 frameborder=1

scrolling=Yes〉〈/iframe〉
　　src=iframe.html
　　用来显示〈IFRAME〉中的网页来源，必要加上相对或绝对路径。
　　name=test
　　这是连结标记的 target 参数所需要的。
　　align=MIDDLE
　　可选值为 left, right, top, middle, bottom，作用不大。
　　width=300 height=100
　　框窗的宽及长，以 pixels 为单位。
　　marginwidth=1 marginheight=1
　　该插入的文件与框边所保留的空间。
　　frameborder=1
　　使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）
　　scrolling=Yes
　　使用 Yes 表示容许卷动（内定）， No 则不容许卷动。

39,请问＜tbody＞的用法？
tbody用法据说是加强对表格的控制能力的.例如：
　〈table〉〈tbody〉……..〈/tbody〉〈/table〉
　　tbody代码如果不是你用手写的话,只有在你用IE5打开一个网页的时候，把它另存为
一下，你的另存为的文件在表格中就会生成tbody代码。(即便你的表格根本就没有
tbody代码，IE5另存为的时候也会给你生成)。

40,Alt和Title都是提示性语言标签，请注意它们之间的区别。
　　在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。

在一些场合，它的作用是很重要的。
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
用法如下：
　　　〈p Title=给链接文字提示〉文字〈/p〉
　　　〈a href=# Title=给链接文字提示〉文字〈/a〉
　　　〈img src=图片.gif alt=给图片提示〉
补充知识：〈TITLE〉〈ALT〉里面如何多行换行？在源代码里Enter回车。
〈a href=# Title=个人简历
姓名：张培
网名：我是闪梦
性别：男的，不是女的。
爱好：网页制作，软件开发〉个人简历〈/a〉
例如：个人简历

41, 用javascript代码来实现闪烁按钮。
〈body〉
〈form method=POST action=--WEBBOT-SELF--〉
〈input type=button name=SUB value=闪烁 id=flashit style=BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF〉
〈/form〉
〈script〉
if (document.all&&document.all.flashit)
{
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which)
{
if (flashelement[which].style.color==`#800000`)
flashelement[which].style.color=#0063A4
else
flashelement[which].style.color=#800000
}
if (flashelement.length==null)
setInterval(changecolor(0),1000)
else
for (i=0;i〈flashelement.length;i++)
{
var tempvariable=`setInterval(changecolor(`+i+`),`+`1000)`
eval(tempvariable)
}
}
〈/script〉
〈/body〉

42,CSS给图片定义颜色边框。
img { border: 1px solid red}

43,在DW中如何使插入的FLASH透明。
方法一：选中swf,打开原代码窗口，在〈/object〉前输入:〈param name=wmode value=transparent〉
方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode选择transparent

44,在DW编辑文本中，如何输入一个空格呢？
输入空格的问题，在DW似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切

换到全角状态。

45,为何我的DW中图形显示不正常。
第一种：可能是因为你定义并正在使用一个site，而你的HTML文件或者图片不在这个site包含的区域之内，因此dreamweaver使用file协议来
描述图象的绝对路径，可惜IE不支持src中使用file协议，所以图象就显示不出来了。
第二种：可能是放图片的文件夹或图片名为中文，也显示不到网页中去。

46,如何在本地机器上测试flash影片的loading？
我想这可能是很多人在问的题了，其实很简单，在Test时，选选View-〉Show Streaming就可以看到了。

47,在网页中做出一根竖的线有几种办法.
第一种方法：用一个像素图的办法！
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image给你创建了一个缺省名为：spacer.gif的一个像素图文件。
代码中：
〈table border=0 cellspacing=0 cellpadding=0〉
〈tr〉
〈td bgcolor=#FF0000 height=200 〉〈img src=spacer.gif width=1 height=1〉〈/td〉
〈/tr〉
〈/table〉
第二种方法：用表格填颜色的办法！把〈td〉〈/td〉中的删掉 .
〈table border=0 cellspacing=0 cellpadding=0〉
〈tr〉
〈td bgcolor=#FF0000 height=200 width=1〉〈/td〉
〈/tr〉
〈/table〉
第三种方法：用水平条。
〈hr color=red width=1 size=100%〉

48, 关于鼠标拖动,改变层大小。──看看微软的做法.
〈script〉
document.execCommand(2D-position,false,true);
〈/script〉
〈DIV contentEditable=true〉
〈DIV style=WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red〉移动层〈/DIV〉
〈/DIV〉

49 ,点击连接文字加入收藏夹。
〈a href=java script:window.external.AddFavorite(http://www.263.net`, `269家园`)〉点击加入收藏夹〈/a〉

2006-11-19网页代码常用小技巧！(1) [转]

1. οncοntextmenu=window.event.returnvalue=false 将彻底屏蔽鼠标右键
〈table border οncοntextmenu=return(false)〉〈td〉no〈/table〉可用于Table
2. 〈body onselectstart=return false〉取消选取、防止复制
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. 永远都会带着框架
〈script language=javascript〉〈!--
if (window == top)top.location.href = frames.htm; //frames.htm为框架网页
// --〉〈/script〉

9. 防止被人frame
〈SCRIPT LANGUAGE=javascript〉〈!--
if (top.location != self.location)top.location=self.location;
// --〉〈/SCRIPT〉

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

11. 〈input type=button value=查看网页源代码
οnclick=window.location = `view-source:`+ http://www.51js.com/`;〉

12.删除时确认
〈a href=`javascript:if(confirm(确实要删除吗?))location=boos.asp?&areyou=删除&page=1`〉删

除〈/a〉

13. 取得控件的绝对位置
//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〉

14. 光标是停在文本框文字的最后
〈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 οnfοcus=cc()〉

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
〈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=最小化 οnclick=hh1.Click()〉
〈input type=button value=最大化 οnclick=hh2.Click()〉
〈input type=button value=关闭 οnclick=hh3.Click()〉
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
〈script〉
function look(){
if(event.shiftKey)
alert(禁止按Shift键!); //可以换成ALT　CTRL
}
document.οnkeydοwn=look;
〈/script〉

18. 网页不会被缓存
〈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〉

19.怎样让表单没有凹凸感？
〈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〉

20.〈div〉〈span〉&〈layer〉的区别？
〈div〉(division)用来定义大段的页面元素，会产生转行
〈span〉用来定义同一行内的元素，跟〈div〉的唯一区别是不产生转行
〈layer〉是ns的标记，ie不支持，相当于〈div〉

21.让弹出窗口总是在最上面:
〈body οnblur=this.focus();〉

22.不要滚动条?
让竖条没有:
〈body style=`overflow:-Scroll;overflow-y:hidden`〉
〈/body〉
让横条没有:
〈body style=`overflow:-Scroll;overflow-x:hidden`〉
〈/body〉
两个都去掉？更简单了
〈body scroll=no〉
〈/body〉

23.怎样去掉图片链接点击后，图片周围的虚线？
〈a href=# onFocus=this.blur()〉〈img src=logo.jpg border=0〉〈/a〉

24.电子邮件处理提交表单
〈form name=form1 method=post action=mailto:****@***.com enctype=text/plain〉
〈input type=submit〉
〈/form〉

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
〈body οnlοad=top.resizeTo(300,200);〉
打开页面的位置〈body οnlοad=top.moveBy(300,200);〉

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
〈style〉
body
{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}
〈/style〉

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

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

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

31.TEXTAREA自适应文字行数的多少
〈textarea rows=1 name=s1 cols=27 onpropertychange=this.style.posHeight=this.scrollHeight〉
〈/textarea〉

32. 日期减去天数等于第二个日期
〈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〉

33. 选择了哪一个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 οnclick=checkme()〉
〈/BODY〉〈/HTML〉

34.脚本永不出错
〈SCRIPT LANGUAGE=javascript〉
〈!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// --〉
〈/SCRIPT〉

35.ENTER键可以让光标移到下一个输入框
〈input οnkeydοwn=if(event.keyCode==13)event.keyCode=9〉

36. 检测某个网站的链接速度：
把如下代码加入〈body〉区域中:
〈script language=javascript〉
tim=1
setInterval(tim++,100)
b=1

var autourl=new Array()
autourl[1]=http://www.njcatv.net/;
autourl[2]=javacool.3322.net
autourl[3]=http://www.sina.com.cn/;
autourl[4]=http://www.nuaa.edu.cn/;
autourl[5]=http://www.cctv.com/;

function butt(){
document.write(〈form name=autof〉)
for(var i=1;i〈autourl.length;i++)
document.write(〈input type=text name=txt+i+ size=10 value=测试中……〉 =》〈input type=text

name=url+i+ size=40〉 =》〈input type=button value=GO

οnclick=window.open(this.form.url+i+.value)〉〈br〉)
document.write(〈input type=submit value=刷新〉〈/form〉)
}
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〈autourl.length;i++)document.write(〈img

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

οnerrοr=auto(http://;+autourl+`)〉)}
run()〈/script〉

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.页面进入和退出的特效
进入页面〈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种随机选择一种

39.在规定时间内跳转
〈META http-equiv=V=REFRESH content=5;URL=http://www.51js.com〉

40.网页是否被检索
〈meta name=ROBOTS content=属性值〉
　　其中属性值有以下一些:
　　属性值为all: 文件将被检索，且页上链接可被查询；
　　属性值为none: 文件不被检索，而且不查询页上的链接；
　　属性值为index: 文件将被检索；
　　属性值为follow: 查询页上的链接；
　　属性值为noindex: 文件不检索，但可被查询链接；
　　属性值为nofollow: 文件不被检索，但可查询页上的链接。

2006-6-23网页制作特效汇总（二） [转]

19. 检查一段字符串是否全由数字组成
<script language="javascript">

20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
document.body.offsetWidth,document.body.offsetHeight
有时还需要知道window.screenTop,window.screenLeft

21. 怎么判断是否含有汉字
if (escape(str).indexOf("%u"!=-1) alert("含有汉字";
else alert("全是字符";

22.TEXTAREA自适应文字行数的多少
IE 5.5+ 可以用 overflow-y:visible
<textarea rows=1 name=s1 cols=27 style="overflow-y:visible">
</textarea>

23. 日期减去天数等于第二个日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var d = new Date(dd.replace("-","/")
d.setDate(d.getDate()+dadd)
alert(d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日"
}
cc("2002-2-28",2)

posted @ 11:39 AM | Feedback (1)

12,Q:怎样在网页中加入多媒体播放?
A:有些多媒体文件无需其他程序就可以播放，而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序，那么浏览器会

自动去下载。要加入多媒体格式,可加入如下代码：　
〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉

30,Q:怎样在网页上显示多少人在线(on-line)?
A:只要你的网站支持 ASP，那么在网站的根目录中放置以下内容的 Global.asa 文件，问题就解决了。将语句〈% response.write "现在有 "

& Application("WhosOn" & " 人在线。" %〉放在你的 ASP 网页中用于显示在线人数。
网页:
<%@language=VBscript%>
<Html>

<title>
显示在线人数
</title>

<center>
欢迎光临本网站,当前共有<%=Application("OnLine"%>在线
</center>

Global.asa:
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
Sub Application_OnStart
Session.Timeout=1
Application.Lock
Application("WhosOn" = 0
Application.UnLock
End Sub

Sub Session_OnStart
Application.Lock
Application("WhosOn" = Application("WhosOn" + 1
Application.UnLock
End Sub

Sub Session_OnEnd
Application.Lock
Application("WhosOn" = Application("WhosOn" - 1
Application.UnLock
End Sub
</SCRIPT>

34,Q:自动滚动屏幕文字：
A:
<Script Language="JavaScript">
var position = 0;
function scrollit()
{
if (position != 640 {
position++;
scroll(0,position);
clearTimeout(timer);
var timer=setTimeout("scrollit()",25);
timer;
}
}
</Script>
以上脚本加在〈Head〉〈/Head〉中间，再在〈BODY〉属性中加 Onload="scrollit()"。
35,Q:“下雨”JavaScript 脚本：
A:将以下脚本放在〈Body〉〈/Body〉中间即可：
<Script Language="JavaScript">

</Script>
36,Q:“地震”JavaScript 脚本：
A:将以下脚本放在〈Body〉〈/Body〉中间即可：
<script language="JavaScript1.2">

<form><input οnclick="shake(2)" type="button" value="地震啦！"></form>
37,Q:一个用 JavaScript 实现的简陋的计算器：
A:全部代码如下：

38,Q:在网页上实现“预览图”：
A:网页制做时，大的图片会消耗较长的下载时间，为了不使浏览者失去耐心，可以采用“预览图”(low source)的办法，即先下载一个“low

source”，然后再下载真正需要显示的图片。在 Html 文档中标注“low source”的方法为：〈img src="需要显示的图片" lowsrc="预览图"

width="x" height="y"〉(其中 width 和 height 是需要显示的图片的宽度和高度。如果不加 width 和 height 属性，浏览器视为以较小图片

作为长宽尺寸。)
实现“预览图”还有一个方法，就是将预览图做成一个链接，如果用户愿意，可以点击它，再观看真正的图片，格式是：
<a href="需要显示的图片"><img src="预览图" width=x height=y border=0></a>
39,Q:闪亮的链接：
A:
<a href="linkto" name="link1" style="text-decoration:underline;color:green;">闪亮的链接</a>
<script language="JavaScript">

40,Q:在网页中添加“添加到收藏夹”“设为首页”功能(似乎只能在 IE5.0 以上版本使用?)：
A:添加到收藏夹：〈a href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉
设为首页：〈a href=# οnclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉
41,Q:定制浏览器地址栏前的小图标：
A:在网页的〈head〉〈/head〉间加入以下语句：〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。其中 icon.ico 为 16x16

的图标文件，颜色不要超过 16 色。
42,Q:给超链接、表单、表格等网页元素加上动态说明：
A:网页中的图片可以用〈img alt="说明"〉加上注释，其它元素页可以加上注释说明，方法是用 title 属性。如：
〈a href="" title="说明"〉；〈input title="说明"〉；〈table title="说明"〉…〈/table〉

43,Q:用曾叠式样式表(css)定制按钮的鼠标形状(cursor)：
A:<input type="button" style="cursor:hand;">，这样，当鼠标移到按钮上时，会变成一个“手”形，和移到超级链接上一样。cursor 后的

参数很多，列在下边：
hand 手型
crosshair 十字型
text 移动到文本上的那种效果(I 形)
wait 等待的那种效果(沙漏)
default 默认效果
help 问号
e-size 向右的箭头
ne-resize 向右上的箭头
n-resize 向上的箭头
nw-resize 向左上的箭头
w-resize 向左的箭头
sw-resize 向左下的箭头
s-resize 向下的箭头
se-resize 向右下的箭头
auto 由系统自动给出效果

45,Q:加速网页加载的技巧：
A:当浏览者停留在一个网站的主页上时，其它页面的下载是停止的，这样时间就白白浪费了。我们可以将主页分成两个帧，一个帧显示主页，

将另一个帧隐藏后“偷偷”地下载其它页面，在硬盘里缓存起来。这样，当浏览者浏览到别的页面时，浏览器就是从硬盘里调用数据了。

46,Q:让网页的背景图片动起来(Vbscript)：
A:
<SCRIPT language="VBScript">
dim c,numgc
c=-100000
numgc=document.body.sourceIndex
sub SF
c=c+2
Document.all(numgc).style.BackgroundPosition="0 " & c
id=SetTimeOut("SF",64,"VBScript"
end sub
SF
</SCRIPT>

47,Q:用 JavaScript 控制浏览器窗口大小：
A:有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是，能否在页面中通过链接来实现呢？答案

是：能！请看下面的代码：
<SCRIPT LANGUAGE="JavaScript">
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}
</SCRIPT>
<A HREF="javascript:onClick=Minimize()">Minimize</A>
<A HREF="javascript:onClick=Maximize()">Maximize</A>
　上面的代码包含 2 个函数，先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸

大小，这里将窗口设置为宽 100 高 100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口

缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时，上

述代码可以用于设置屏幕的任何分辨率。
　注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。
48,Q:网页的定时转向和定时刷新?
A:在网页的 <Head></Head> 间加入 <meta http-equiv="refresh" content="10; url=http://……"> 就会使网页在 10 秒后自动转向到网址

http://…… 去。特殊情况是，如果没有 url=…… 一项，网页就会每隔 10 秒自我刷新一次 -- 最初的聊天室就使用了这种技术，但屏幕看

起来有些闪烁感。
49,Q:上传主页的一个技巧：
A:如果你做主页时是假设网站的主文件为 index.htm，网页中的所有链接也默认主页为 index.htm。但当你上传主页时发现网站的主文件为

index.html，那么你是不是需要一个一个地去修改许多网页中的链接呢? NO! 这时你只要在网站建立一个 index.html 文件，其中放以下一条

语句就可以了：
??
52,Q:让 IE 浏览器的标题条文字动起来?
A:在网页的之间加入以下 VbScript 脚本即可：
<Script language="vbscript">
msg="十万个为什么-计算机应用技巧大全"
l=len(msg)
i=l-3
sub movetitle()
title=right(msg,l-i)+left(msg,i)
top.document.title=title
i=(i+1) mod l
end sub
speed = 10 '毫秒
a=setInterval("movetitle()",speed)
</Script>
53,Q:网页中 IFRAME 帧的使用(在网页中构造小“窗口”方法之一)：
A:用标签 <IFRAME></IFRAME> 可以在网页中构造小“窗口”，显示指定 URL 的网页，语法如下：
<IFRAME SRC="" width="500" height="200" marginwidth="0" marginheight="110" hspace="10" vspace="20" frameborder="0"

scrolling="1">
</IFRAME>
(注1：可以用此法在网页中制作网页效果演示。
注2：相关知识：如果要在网页中开一个“窗口”，显示一段文本，可以使用:
<form>
<textarea name="S1" rows="高" cols="宽"></textarea>
</form>
54,Q:在网页中构造小“窗口”方法之二: 使用 ActiveX 控件：
A:
<object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452"

height="161">
<param name="Location" value="http://100000.home.sohu.com">
<param name="AlignLeft" value="0"><param name="AutoSize" value="0">
<param name="AutoSizePercentage" value="10">
<param name="AutoArrange" value="1">
<param name="NoClientEdge" value="1">
<param name="ViewMode" value="0">
</object>
55,Q:当鼠标移动到表格上时，表格背景色改变:
A:在网页的之间放如下代码即可实现：
<script language="javascript">

<table border="1" align=center>
<tr>
<td align="middle" height="17" οnclick="mClk(this);" οnmοuseοut="mOut(this,'#0aac9d');" οnmοuseοver="mOvr(this,'#a1bbe8');">
<a href="http://100000.home.sohu.com" target="_blank" class="nav">链接变色</a>
</td>
</tr>
<tr>
<td οnmοuseοut="mOut(this,'#0aac9d');" οnmοuseοver="mOvr(this,'#a1bbe8');">无链接变色</td>
</tr>
</table>
56,Q:打开网页时自动弹出欢迎窗口：
A:
<script language="JavaScript">
function Info()
{if(!confirm("这是一个自动弹出的欢迎窗口" + "/n/n欢迎光临/n/n你可以试着加上一些其它的信息。"+"/n/n请按确定进入本页/n"+
"/n按取消将返回上一页/n")
history.go(-1);
return " "
}
document.writeln(Info()) //触发执行 Info() 函数

57,Q:鼠标触发网页的链接文字动态大小变化：
A:在网页的之间加入以下样式表代码即可(免去了烦人的 Javascript 脚本)：
<style type="text/css">

</style>
59,Q:在网页上显示你是否 O'ICQ 在线:
A:在网页上加入 <img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ"> 语句即可向浏览者显示你现在是否正连在 O'ICQ 上

。其中 9265822 是 O'ICQ 号码，可以更换，s 换成 l 则显示大图标。还可以形如
<a href="http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822">
<img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ">
</a>
来显示你的 O'ICQ 个人资料。
61,Q:自动显示网页的最后更新日期:
A:将以下代码放入网页中，会根据网页文件的存盘时间自动显示网页的更新日期:
document.write(document.lastModified)
73,Q:制作网页的目录式导航菜单
A:
(一)、把如下代码加入区域中

(二)、把如下代码加入区域中
<div id="back" οnmοuseοut="out()" style="position:absolute;top:180;left:310;width:160;height:40;z-

index:1;visibility:visible;">
<span id="menubar" οnmοuseοver="menu.style.visibility='visible'">
<font color=red size=2>菜单
</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">有喜下载</a>
<a id="link" href="hjsj.htm">黄金书记</a>
<a id="link" href="mntk.htm">美女偷裤</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" οnmοuseοut="out1()" style="position:absolute;top:180;left:370;width:160;height:40;z-

index:3;visibility:visible;">
<span id="menubar" οnmοuseοver="menu1.style.visibility='visible'">
<font color=red size=2>菜单
</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH动画欣赏</a>
</div>
</div>
74,Q:网页文字颜色的搭配技巧
A:对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是

白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。
　　一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可

以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也

可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。
　　 Bgcolor:″＃F1FAFA″??做正文的背景色好，淡雅
　　 Bgcolor:″＃E8FFE8″??做标题的背景色较好，与上面的颜色搭配很协调
　　 Bgcolor:″＃E8E8FF″??做正文的背景色较好，文字颜色配黑色
　　 Bgcolor:″＃8080C0″??上配黄色白色文字较好
　　 Bgcolor:″＃E8D098″??上配浅蓝色或蓝色文字较好
　　 Bgcolor:″＃EFEFDA″??上配浅蓝色或红色文字较好
　　 Bgcolor:″＃F2F1D7″??配黑色文字素雅，如果是红色则显得醒目
　　 Bgcolor:″＃336699″??配白色文字好看些
　　 Bgcolor:″＃6699CC″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃66CCCC″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃B45B3E″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃479AC7″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃00B271″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃FBFBEA″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃D5F3F4″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃D7FFF0″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃F0DAD2″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃DDF3FF″??配黑色文字比较好看，一般作为正文
　　浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显

得非常有效果。
以上配色方案仅供参考。
75,Q:IFRAME 标签的属性参数
A:
<Iframe src="example.htm" width="300" heitht="100"></IFRAME>
example.htm 是被嵌入的页面，标签 <IFRAME> 还有一些可用的参数设置如下：
marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是 pix，下同。
marginheight:网页中内容在表格顶部预留的高度；
hspace:网页右上角的的横坐标；
vspace:网页右上角的纵坐标；
frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"
scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否"
76,Q:使用表格时应注意那些问题?
A:1、整个表格不要都套在一个表格里，尽量拆分成多个表格，可以加快显示速度；
2、表格的嵌套层次尽量要少，最好嵌套表格不超过 3 层，这样可以加快浏览器解释 html 脚本代码的时间；
3、单一表格的结构尽量整齐；
4、表格的 width=100% 可以使表格适应浏览器不同的分辨率；
5、用表格进行版面布局比用层来得更好一些。
6、同时设定表格背景图片和颜色。有一些版本的浏览器不显示表格背景图形，只显示缺省背景颜色，有的访问者关闭了多媒体图形选项来浏览

，为了满足这部分来访者，最好同时设定表格背景图片和颜色；
77,Q:Javascript 文字特效一例
A:
<script language="JavaScript">
text = "十万个为什么网站"; //显示的文字
color1 = "blue"; //文字的颜色
color2 = "red"; //转换的颜色
fontsize = "8"; //字体大小
speed = 200; //转换速度 (毫秒)
i = 0;
if (navigator.appName == "Netscape" {
document.write("<layer id=a visibility=show></layer><br><br><br>";
}
else {
document.write("<div id=a></div>";
}
function changeCharColor()
{if (navigator.appName == "Netscape" {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";}
else {document.a.document.write(text.charAt(j));}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer" {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);

83,Q:用 css 代码构造三维字
A:
<HTML>
<HEAD>
<STYLE type=text/css>
.3dfont {COLOR:#0000ff; FILTER:glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION:relative;

WIDTH:100%}
</STYLE>

<font size=24 class=3dfont>这是三维字体</font>
<font size=24>这不是三维字体</font>

85,Q:当刷新或 IE 时打开一个窗口
A:

function openwin()
{ window.open('apage.htm')}

<body οnbefοreunlοad="return openwin();">
86,Q:网页中应用 open 函数打开窗口的一个技巧
A:window.open 函数应用在链接中可以有 2 种形式，即 <a href="javascript:window.open('page.htm',',')">…</a>
和 <a href=# onClick="window.open('page.htm',',')">…</a>
但当该链接所在的网页在帧中时，就只能使用第二种，第一种会多产生 1 个包含无用信息的窗口。此外，第二种方法对于用图片做超链接也很

方便，形式为 <img src="图片文件" onClick="window.open('page.htm',',')">
87,Q:把滚动条放在浏览器窗口的左边
A:在中加 dir=RTL，即 <body dir=RTL>。注意对于已经排好版的网页，会使网页左右产生镜像颠倒。实际上 RTL 即 Right to Left 的意思

，它规定了网页中的文字方向。正常的网页文字方向默认为 LTR。
89,Q:网页上传后为什么看不到更新效果?
A:如果上传真的没有问题的话，请删掉本地机器中的网页临时缓冲文件试试。同时，有些网站(如 China.com)要在更新几十分钟到几小时之后

才能看到更新结果。
90,Q:在 IE 子窗口能调用父窗口的函数(function)吗?
A:可以。例如，父窗口这样写：
……

function F() { alert("父窗口函数"; }

<body οnlοad="open('2.htm')">
<input type=hidden id=F1 οnclick="F()">
在子窗口中这样写：
<input type=button value="执行父窗口函数" οnclick="javascript:window.opener.document.all.F1.click()">
或者干脆这样写：<input type=button value="执行父窗口函数2" οnclick="javascript:opener.F()">
91,Q:在 Windows 桌面上建立网站链接的快捷方式
A:
<script language="Javascript">
var WshShell = new ActiveXObject("WScript.Shell";
strDesktop = WshShell.SpecialFolders("Desktop";
var oUrlLink = WshShell.CreateShortcut(strDesktop + "//十万个为什么.url";
oUrlLink.TargetPath = "http://100000.home.sohu.com" ;
oUrlLink.Save();

92,Q:在桌面上建立应用程序的快捷方式
A:以在桌面上建立 Notepad.exe 的快捷方式为例：
<Script language="Javascript">
var WSHShell = WScript.CreateObject("WScript.Shell";
//Read desktop path using WshSpecialFolders object
var DesktopPath = WSHShell.SpecialFolders("Desktop";
//Create a shortcut object on the desktop
var MyShortcut = WSHShell.CreateShortcut(DesktopPath + "//notepad 的快捷方式.lnk";
//Set shortcut object properties and save it
MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings("%windir%//notepad.exe";
MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings("%windir%";
MyShortcut.WindowStyle = 1;
MyShortcut.Description = "Shortcut Script 脚本";
MyShortcut.Hotkey = "CTRL+Alt+F";
MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings("%windir%//notepad.exe, 0";
MyShortcut.Save();
WScript.Echo("成功建立桌面上 Notepad 的快捷方式";
</Script>
93,Q:在收藏夹中加入 Url 的快捷方式
A:
<Script language="Javascript">
var WshShell = new ActiveXObject("WScript.Shell";
strFav = WshShell.ExpandEnvironmentStrings("%windir%//Favorites";
var MyFav = WshShell.CreateShortcut(strFav + "//我的十万个为什么.url";
MyFav.TargetPath = "http://100000.home.sohu.com" ;
MyFav.Save();
</Script>
94,Q:屏蔽网页中的错误提示信息
A:在网页的<Body>中加脚本：<Script> window.οnerrοr="return true";</Script>
95,Q:控制网页表格的边框显示
A1)、控制表格的边框：
表格标签 <Table> 有一个 Frame 属性，可以控制表格的边框：
frame=box 显示所有边框
frame=void 不显示所有边框
frame=above 只显示上边框
frame=below 只显示下边框
frame=hsides 只显示上下边框
frame=vsides 只显示左右边框
frame=lhs 只显示左边框
frame=rhs 只显示右边框
(2)、控制表格行与列的分隔线：
表格标签 <Table> 有一个 Rules 属性，可以控制表格的分隔线：
Rules=all 显示所有分隔线
Rules=none 不显示任何分隔线
Rules=rows 只显示行与行之间的分隔线
Rules=cols 只显示列与列之间的分隔线
(3)、用表格制作线条：
以下代码可以实现一条线段：
<table width=80% border=1 cellpadding=0 cellspacing=0 bordercolor=#e8e8ff frame=below>
<tr><td> </td></tr>
</table>
97,Q:保护自己的网页文本和图片：
A:
(1)、自己辛苦创作或收集的文章被别人“^C^V”偷了去，谁心里都不会舒服的。我们可以在自己的网页<Body>标签中加入

onselectstart="return false" 语句，使鼠标不能选择文本；
(2)、在网页 <Body> 标签中加入 οncοntextmenu="self.event.returnValue=false" 语句，使单击鼠标右键时不能弹出右键选单，也就不能执

行“图片另存为”命令选项；
(3)、禁止右键菜单：把下列代码加入到与之间
<SCRIPT language=javascript>
　　function click()
{
　　 if (event.button==2)
{alert('欢迎访问本站！')}
　}
　document.οnmοusedοwn=click
</SCRIPT>
(该方法可以被人轻易破解)
(4)、禁止右键菜单：弹出“添加至收藏夹”窗口
<SCRIPT language=JavaScript>

</SCRIPT>
(该方法也可以破解)
(5)、自己定制右键菜单，这是最聪明、最科学的方法。具体方法请参考本站的有关条目。
98,Q:使用 css 让网页中的图片居于页面正中：
A:
一般情况下，想让你的 LOGO 居中是一件非常痛苦的事情。除非你作一个足够大的底图，但是页面下载的速度可就… 现在 CSS 可以帮我们作

到这一点，你只要将下面的代码 COPY 到之间就可以了。不必再考虑页面的大小和分辨率了。
<STYLE TYPE="text/css">

</STYLE>
logo.gif 是你的图片，如果与页面文件不在同一个路径下，需要指明路径；background-position 代表位置，center 表示居中。background

-repeat 表示是否平铺，可取 no-repeat、repeat-x、repeat-y 等值。 background-attachment 为 fixed 时可以使页面滚动时背景图固定不

动(锁定)。
99,Q:浏览器全屏显示：
A:把如下代码加入区域中：
<form>
<input type=BUTTON name=FullScreen value=全屏显示 onClick="window.open('The_URL','big','fullscreen=yes')">
</form>

100

<HTML>
<TITLE>????</TITLE>
<script language="JavaScript">

</HEAD>
<FRAMESET cols="100%,0" framespacing="0">
<FRAME SRC="http://tw.yahoo.com/" NAME="168" scrolling="auto" noresize marginheight=0 frameborder=0 borderwidth=0>
</FRAMESET>
</HTML>

2006-6-23网页特效制作汇总（一）[转]

1. οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

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

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. 永远都会带着框架
<script language="javascript">

9. 防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>

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

11. <input type=button value=查看网页源代码
οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR"<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR"
end if
%>

13. 取得控件的绝对位置

//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);
}

//VBScript
<script language="VBScript">

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}

15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER"

javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<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=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE

17.
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark
Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持

分页、Recordset、BookMark
Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能

浏览(ACCESS不支持)。
Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向

后移动

Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改
Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的

Const adCmdText = &H0001
Const adCmdTable = &H0002
%>

18. 网页不会被缓存
HTM网页
<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">
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-revalidate";
header("Pragma: no-cache";

19. 检查一段字符串是否全由数字组成
<script language="javascript">

20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight

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

22.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

23. 日期减去天数等于第二个日期
<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)

24. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
<BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" οnclick="checkme()">
</BODY></HTML>

25.获得本页url的request.servervariables(""集合
Response.Write "<TABLE border=1><TR><TD><B>Variables</B></TD><TD><B>value</B></TD></TR>"
for each ob in Request.ServerVariables
Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>"
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 &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %>
服务器操作系统<%=Request.ServerVariables("OS"%>

27.ENTER键可以让光标移到下一个输入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

28. 检测某个网站的链接速度：
把如下代码加入区域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
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"

function butt(){
document.write("<form name=autof>"
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中......> =》<input type=text name=url"+i+" size=40> =》

<input type=button value=GO οnclick=window.open(this.form.url"+i+".value)><br/>"
document.write("<input type=submit value=刷新></form>"
}
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<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1

height=1 οnerrοr=auto('http://";+autourl+"')>" }
run()

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

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

function look(){
if(event.shiftKey)
alert("禁止按Shift键!"; //可以换成ALT　CTRL
}
document.οnkeydοwn=look;

18. 网页不会被缓存
<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">

19.怎样让表单没有凹凸感？
<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>

20.<div><span>&<layer>的区别？
<div>(division)用来定义大段的页面元素，会产生转行
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行
<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:
<body οnblur="this.focus();">

22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">

让横条没有:
<body style="overflow:scroll;overflow-x:hidden">

两个都去掉？更简单了
<body scroll="no">

23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
<body οnlοad="top.resizeTo(300,200);">
打开页面的位置<body οnlοad="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript">

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

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

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<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)

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
<BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" οnclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度：
把如下代码加入区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
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"
function butt(){
document.write("<form name=autof>"
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)><br>"
document.write("<input type=submit value=刷新></form>"
}
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<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1

height=1

οnerrοr=auto("http://"+autourl+"" >"}
run()

38.页面进入和退出的特效
进入页面<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种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow": 文件不被检索，但可查询页上的链接。

41.加入收藏和设为首页
<A href="#" οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.yoursite.com')">设为首页</A>
| <a href="javascript:window.external.addFavorite('http://www.yoursite.com','你的网站名称')">加入收藏</a>

42.iframe高度自适应

43、有滚动条的表格
<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
可以说，现在的这些制作主页的方式，Blog、Wiki、PHP + MySQL，或者传统的纯 HTML + CSS，没有一种是特别令人满意的。
</div>
</td></tr>
</table>

44、一段实现checkbox 单选的代码
一组名称相同的checkbox 但只能选择一个，或者取消选择。
把本函数链到选择框的onclick 事件上。onClick="ChangeSelect(this)"。
function ChangeSelect(obj)
{
theForm=document.forms[0];
var oldStatus;
oldStatus = obj.checked;

for(i=0;i<theForm.elements.length;i++)
{
if(theForm.elements.name==obj.name)
{
theForm.elements.checked=false;
}
}

if(oldStatus)
obj.checked = true;
else
obj.checked = false;
return true;

}
45、怎样查找一个网站有多少网页登陆搜索引擎
搜索内容如下。
site:qh663.512j.com

46、网页背景音乐代码详解
网页背景音乐代码：
将这段代码插入到您的之间
当您打开网站时即可听到背景音乐：
<bgsound src=china.mid loop="-1">
这种当网页最小化之后，音乐会消失

网页背景音乐的代码：
<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址（或相对地址）
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-

realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码：
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小（width、heigh）、是否自动（autostart标记）、是否循环播放（loop标记），而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐，并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件

47、鼠标移动表格行变色
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#FF99FF" >
<tr>
<td onMouseOut="this.style.backgroundColor='" onMouseover="this.style.backgroundColor='#ffcccc'">1</td>
</tr>
<tr>
<td width="20%" nowrap class="txt_middle"> </td>
</tr>
<tr>
<td class="txt_middle"> </td>
</tr>
</table>
48、防止表格撑破
<table width=200 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
<tr>
<td>
dsfdf
<table width="1500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">