BlogJava-fadesea-文章分类-javascripthttp://www.blogjava.net/fadesea/category/8397.htmlzh-cnThu, 01 Mar 2007 15:39:23 GMTThu, 01 Mar 2007 15:39:23 GMT60HTML技巧100例http://www.blogjava.net/fadesea/articles/35103.htmlfadeseafadeseaMon, 13 Mar 2006 10:05:00 GMThttp://www.blogjava.net/fadesea/articles/35103.htmlhttp://www.blogjava.net/fadesea/comments/35103.htmlhttp://www.blogjava.net/fadesea/articles/35103.html#Feedback0http://www.blogjava.net/fadesea/comments/commentRss/35103.htmlhttp://www.blogjava.net/fadesea/services/trackbacks/35103.html1. 链接控制

    返回前页：使用OnClick="history.go(-1)"，如

    返回主页：使用OnClick='top.location.href="../chinamail.html"'，如

2. 链接提示

    在链接语句中增加

    OnMouseOver="window.status='这里是 ...'; return true" OnMouseOut="window.status=''; return true"

    如： 去哪儿？ (在点击链接前注意看状态行显示的变化)

3. 背景音乐

    显示操作面板：在相应地方加<embed src="/aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">

    不显示操作面板：在页中任意地方加<embed src="/aladdin.mid" hidden=true autostart=true loop=true>

    或<embed src="tt.ram" autostart="true" loop="2" width="80" height="30">

    对于不支持embed 标签的浏览器，可以改用标签。

4. 设置主页的缺省字符语言为简体中文(适用于Netscape)

    在HTML文件的Head部分中加入<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=cn-gb">

5. 链接的不同方式

    在帧里显示：在链接处加target="main"语句，其中main为帧名

    整页显示：在链接处加target="_top"语句

    开新窗口：在链接处加target="resource window"语句，如<A href="/index.htm" TARGET="resource window"></A>

6. 强制主页每次都不进行缓存，而从服务器上重读

    在Head部分加
    <MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

    这样一来，浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。

    如果在您有计数器的页中使用，不管从什么地方返回这页
    计数器都能加一。不过可能造成用户的反感。

    如果在BBS程序中使用，可以实现不用Reload就可更新页的功能。

7. 自动刷新

    定时刷新：<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">

    幻灯片效果：语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3 ...
    页面n指回页面1，即可实现循环显示页面的效果

8.提前载入图片

    如果您的站点中后面的页有大图形需要显示，您不妨在第一页中提前载入。把语句：
    <img src="/image.jpg" width=0 height=0> ,其中width,height要设置为0， 放在第一页HTML中的任何地方。

    如果您的访问者在第一页停留的时间足够长，当他进入第二页时，图象会立即显示出来

9. 自动连接

    在预定时间后自动连入另一个指定的页面。
    方法：
    在<title>...</title>中加入以下一行：
    <meta http-equiv="refresh" content="10"; url="otherpage.htm">
    其中10代表10秒后自动连接。

10. 自动换行：

    在主页中自动换行以适应不同的浏览器或分辨率。
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

11. 用单像素的GIF文件控控制文本位置

要想准确的控制HTML中的文本位置，可以做一个1*1的透明图(如Blank.gif)。然后在HTML中加入代码：
<img src="/Blank.gif" hspace=100>
改变数字100，即可控制

12. 容器标记

<BLOCKQUOTE></BLOCKQUOTE>标记可以把网页上所有的对象都包括起来，但不能对它加入变量。

13.设定图形大小

为使您的Web页在图形下载完之前，能够立即显示文字内容。
在您的主页中的图形元素中加入文件大小变量：
<img src="/image.jpg" width=xxxx height=yyy>
xxx,yyy是您的图形的真实像素

14. 移动文字

这在主页上是常用的，其制作方法很简单。
<marquee>要移动的文字</marquee>
1.移动 的方向：<direction=!> ！=left, right
2.移动的方式：<bihavior=!> !=scroll ,side,alternate
3.循环次数：<loop=!> !=次数。若未指定则循环不止。
4 循环速度：<scrollamount=!> !=数

15.如何去掉主页超链接的下划线?

把下列语句放在<head>...</head>之间
<style>
A {text-decoration: none}
}
</style>
<script language="javascript">
var contents = true;
</script>

更简单的是
<style>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
-->
</style>

16. 浮动背景（背景图像不滚动 ）

当你拉住下拉条时，背景不动。（会使浏览速度减慢。:-( ）加入：
<body backgroud="#ffff" bgproperties="fixed">

或用CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(/image/bg.gif); background-attachment: fixed}
-->
</style>

17. 让背景图像不平铺
　CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(/image/bg.gif); background-repeat: no-repeat}
-->
</style>

18. 测试浏览器类别并自动装入不同的网页

目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页:

<script language="JavaScript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & &
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & &
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="/nn4.htm"'',10);
} else {
setTimeout(''location.href="/ie4.htm"'',10);
}
}
</script>

19. 定义本网页的关键字

在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码：
<meta name="keywords" content="html,dreamweaver,flash,css">
　 content 所包含的就是关键字，你可以自行设置。
　 这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如:
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">

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

<a href=mailto:cnshell@163.com?subject=hello>

21. 隐藏在状态栏里出现的链接信息

当指向一个链接时，该链接的信息会出现在浏览器状态栏里，如果需要隐藏信息，可以如下设置：
<a href="http://www.yy0736.com" onMouseOver="window.status='none';return true">test</a>
　　如果想要指向一个链接时，浏览器状态栏里出现特定的信息，把none 改成你需要的文字即可。

22. 在网页中将表单提交给自已的电子邮箱

表单提交需要CGI程序的支持，但你也可以利用E-mail 提交，当你设计好表单后，把action 内容加入邮件地址即可，如下：
<form method="post" action="mailto:cnshell@163.com" enctype="text/plain">

23. 隐藏免费计数器的的图标

许多网友使用免费计数器，它能帮助你分析网站的流量，如果你想隐藏该服务图标，可以把服务代码中的width=88 height=31都改为1即可。

24. 在网页中加入最后修改日期

在body 中加入以下代码即可：
<script Language="JavaScript">
document.write
("最后修改日期" + document.lastModified);
</Script>

25. 打开一个新的浏览器窗口并设置窗口的属性

如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可:

<script language="JavaScript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,
     status=yes,menubar=no,scrollbars=yes');
if (popup != null) {
     if (popup.opener == null) {
          popup.opener = self;
     }
    popup.location.href = 'pop.htm';}
//-->
</script>

期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置:

popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');

width:宽,height:高,resizable:是否允许访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.

以上所有属性使用格式为:属性=yes或者no.而width和height两个属性为:width=#pixels,height=#pixels.

26.怎样判断服务器使用的操作系统?

在浏览器地址栏里,输入要察看的服务器地址,一定要包含目录和文档名字,然后回车,出现请求页面,试着把文档名改为大写格式,如果返回该页面不存在,那么可能该服务器使用的操作系统为unix或macintosh,如果页面内容返回,那么可能该服务器为windwos操作系统,因为windows对大小写不敏感.

27. 怎样提高站点在搜索引擎中被搜索到的机会?

当你把自己站点登记到搜索引擎中后,并不表示你的站点就会被经常搜索到,如何提高这个几率呢,很简单,你的主页一般会有一个标题,一般设置在<title></title>中间,这时,你可以在设置完标题后,跟着把关键字也设置在这里,比如:
<title>宇风多媒体-china,love,dhtml,yufeng21,yahoo</title>.因为搜索引擎会首先察看站点的标题,并把标题作为你站点的关键字,当你把关键字也设置在了标题中后,搜索引擎也会加入这些关键字,这比其它所有的方法都好,唯一缺点,你站点标题变长了.

28. 如何测试网站的下载速度?

准备一个能读秒的表,比如跑步表,这样精度高些,当然也可以使用普通的表.

首先我们测试纯文本的下载时间,打开浏览器,关闭下载图片功能,然后连接上网,在地址栏输入站点地址,回车后,计时开始,当全部文本内容下载完后,停止计时.

如果你要测试整个站点下载速度,打开图片下载功能,如果你站点含有JavaScript,也要在浏览器选择为支持,同上,打入地址,回车,计时开始,当所有内容下载完后,停止计时.

经过以上两种测试,你就会对自己站点的连接下载速度,作到心中有数了.

29. 如何让站点自动跳转到另一页?

加入以下代码到HTML文件中即可：
<meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm">
　　content中的"5"为停留的秒数，http://www.yufeng21.com/index.htm 是将要跳转的页面

31. 如何知道我的站点连接出现的地方？

可能你的站点被其它站点连接，如何知道呢，访问搜索引擎站点：
http://www.altavista.digital.com/
在搜索窗口中，输入：+link:yoursite.com-host:yoursite.com
这样，包含你站点连接的页面被列出，当然，你也可能什么都没有找到。

32. 如何避免自己的图片被其它站点利用?

为图片起一个很怪的名字,这样可以避免被搜索到,还可以利用photoshop的水印功能加密.当然,你也可以在自己的图片上加上一段版权文字,比如标明自己的名字-cnshell.因为文字体来就在图片上,除非使用人截取图片.不然就是侵权了.

33. 如何不利用表格而准确的分隔图片和文字?
在页面中想要分隔图片和文字,利用表格是非常好的方法,你还可以制做一个透明的gif图形,因为图形是透明的,你就可以拿来分隔图片和文字了,当然要注意透明图的大小.

34. 如何跳到页面的顶部?

当浏览者浏览到页面底部后，你需要提供一个单击，让浏览者方便的跳到页面顶部，加入以下代码：
<a href="#top">返回顶部</a>

35. 有什么简单的方法编写Cookie?

cookie 是信息小甜饼，记录着浏览者的信息，你可以利用meta 标签编写最简单的cookie 并加入到页面中：
<meta http-equiv="Set-Cookie" content="MyVar=你的页面过期了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/">

36.如何在一个站点不同页面间播放同一种声文件?

大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。

37.如何让访问者能更多的单击付费旗帜广告?

拥有个人站点的网友都会去申请一些付费的广告，以得到一些网费补助。但很可惜，即使你经常请求访问者为了支持本站建设，请单击旗帜广告。遗憾的结果是，还是很少有人单击。要想让访问者能更多单击你的旗帜广告，有两种方法：

第一种：强化印象

让那个旗帜广告一直出现在访问者面前，让他不得不好奇的单击一下。你可以建立一个上下框架的页面，把旗帜广告放置在任意一个框架里。这样，只要访问者不离开你的站点，旗帜广告会一直出现在他们的面前。还要提醒你，不要在广告下面写上“为了本站发展，请单击广告”，你要让访问者知道这个广告会带给他们某种信息，而不是为了你才单击。 第二种：有代价的单击

如果你拥有某种十分吸引人的信息，而你想在不收费的情况下，得到某种利益(请允许这样说)，你可以让访问者必需单击旗帜广告，才能获得信息。

38.如何在NN4和IE4浏览器中浏览相同效果的字体?

我们制作页面时，利用IE4浏览器浏览时，一切很正常。但用NN4浏览时，发行细体字变成了粗体字了。这是因为，当你页面包含一段粗体字时，此时你复制了一段文本到该粗体字的周围，你会发现复制的文本也变成了粗体字，当然此时也可以再把它设置为你想要的字体大小，如果这样做了，我上面说的情况就会出现。你需要复制文本到页面空白处，这样文本不具有任何属性，然后拖动文本到合适的地方进行你需要的文本字体设置。这种情况多出现在利用FrontPage98编写网页。

39.如何让提交表单后打开一个新窗口显示提交结果?

如果你的站点上有邮件列表服务，每当访问者订阅并按下订阅按钮后。因为邮件列表需要订阅确定，而这种服务多为第三方提供的，所以订阅确定页会连接到服务商的页面。这样有时会照成访问者离开了站点。你可以按下面的代码设置，让访问者单击了订阅按钮后，会打开一个新的窗口显示订阅确定。

<form action="http://www.popchina.com/cgi-popchina
/mailist.pl" target="a" method=post>

其中在你的代码中加入：target="a"

40. 如何防止页面源代码被复制?

如果你的页面包含一个自行设计的JavaScript小程序，如何防止它被别人复制使用呢。其实你不可能完全阻止他人引用，但你可以采用适当的方法尽量维护自己的权益：

第一.版权声明

在源代码中加入一段版权解释-＜!----本源代码版权所有，请勿复制。----＞，
并把源代码利用E-Mail寄一份给自己，以确定时间，为以后与别人交涉做好证据准备。

第二.工具加密

你也可以利用工具软件加密源代码。我以前用过 Web Protector 2.0，觉得还不错。

41. 如何清除页面中的框架结构?

在链接属性中加入target="_top" 如下设置：
<a href="http://www.yufeng21.com" target="_top">宇风多媒体</a>
当你单击了这个链接，页面所有框架被清除并以该链接内容替代。

42. 如何防止站点页面被任意链接?

有许多好站点的页面被其它站点任意链接，如果你不希望别人直接链接到站点内部去，你可以经常更换页面文件名。比如每十天改一次，这样可以有效防止别人的任意链接。缺点是让直接访问着无所适从。

43. 如何创建一个下拉菜单?

我们在主页中常会用到下拉菜单，一般来说，它需要CGI程序支持。你也可以利用JavaScript编写一个。

<head>
<script LANGUAGE="JavaScript">function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex]
.value;window.location.href = URL;}
</script>
</head>
<body>
<form name="form"><select NAME="site" SIZE="1" onChange="formHandler()"><option value="请选择">请选择</option>＜option value="http://www.yufeng21.com/"＞分栏内容＜/option><option value="http://www.yufeng21.com/">分栏内容</option><option value="http://www.yufeng21.com/">分栏内容</option＞＜option value="mailtocnshell@163.net">给我写信</option></select></form>
</body>

44. 如何避免页面电子函件地址被搜索到?

经常会收到不请自来的垃圾信，如果你拥有一个站点并发布了你的E-Mail 链接，那么其他人会利用特殊工具搜索到这个地址并加入到他们的数据库中。要想避免E-Mail 地址被搜索到，可以在页面上不按标准格式书写E-Mail 链接，比如：cnshell at 163.com，它等同与cnshell@163.com。

45. 如何给站点加入计数器并进行设置?

要给站点加入计数器需要第三方提供服务，目前这种服务非常多，而一般申请免费主页空间时会提供计数器服务。计数器格式如下：[page]

<img src="http://ip/cgi-bin/count.exe?dd=A;
df=tiantao|ft=0"border="0"width="60" height="19" align="top">

期中dd表示计数器的数字字体形状，一般可以选择A,B,C,D,E,F六种；df表示计数器的记录文件名字，一般为申请者的用户名字；ft表示字体的立体效果，可以为任意数字；计数器还包含md(定义计数器最大位数)，display(计数器功能)等属性。

46.创建一个好站点应具备什么知识?

⑴HTML的使用技能；⑵WEB图形的使用；⑶JavaScript编程；⑷站点的布局计设计；⑸管理站点的能力；⑹写作能力，为站点内容服务；⑺对WEB服务器的了解。

47.如何使图片与浏览器窗口无缝接合?

大家有时候发现想把一幅图片与浏览器窗口边框无缝接合很难，总会有点距离。这是因为你没有设置页面边距，在你的页面<BODY>中加入以下代码：

topmargin="0" leftmargin="0"

topmargin为与浏览器窗口顶部距离，此时为O，图片与浏览器窗口无缝接合。

leftmargin="0"为与浏览器窗口左边距离，此时为0。

48.如何建立一个站点的搜索引擎系统?

如果你的站点有许多内容，你希望访问者能很快找到他想要的信息。那么你需要建立一个搜索引擎。连接到网站网络特区http://netzone.swatou.com/personal/,单击"申请站点引擎"并填写申请表，再按照要求建立站点页面数据库即可。

49. 如何让文本与图像和平相处?

如果你有一段长的文本，并把文本缩排在页面中间部分，你希望在文本周围放置几幅图片，这该如何进行呢。假设你在使用FrontPage98编辑页面，首先设置好文本，然后在需要放置图片的地方，建立一个单行表格，并利用鼠标把它拖到最小，选择表格属性，把Float设置为right(表示放置在文本右边)，单击OK。这时，表格处于文本右边，最后把图片放置在表格中即可，记得把表格边框取消。

50. 如何改变链接颜色?

要改变链接颜色，请在<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="bj4.gif">中设置.link为未链接颜色，vlink为已链接颜色，alink为链接过度颜色.

51. 如何正确上传页面?

服务器默认首页名字是什么，目前多为index.htm或default.htm。
是否需要建立目录public_html,有的服务器需要建立该目录并把所有页面都上传到该目录下，有的只需要直接上传到根目录下(/)。
服务器是否支持中文文件名(喜欢用中文文件名的网友要注意)。
服务器对文件英文大小写是否敏感，笔者提议最好都用小写英文。
检查用户名和密码是否正确。

52.如何为文字链接加上文字提示?

我们一般可以为图片加上文字提示，即alt=图片 如何为文字链接加上文字提示呢，只需在<a>中加入title标签。<a href="http://www.163.com/" title="网易主页">网易</a>

53.如何改变表单submit按钮的文字?

把下面代码中的value属性值改成你需要的文字即可。

<input type="submit" value="submit" name="B1">

54.如何在IE4和NN4浏览器中精确定位图片?

精确摆放图片需要CSS(层叠样式表)的帮助，如下：

<html><head><title>cnshell</title></head>
<style>.a
{

positionbsolute;top:100px;left:120px;visibility:visible;

}

</style>

<body><div class="a">

<img src="cnshell.jpg" width="130" height="191">

</div></body></html>

调节top,left的值来精确定位图片。

55. 如何自动弹出对话框?

在<body></body>部分加入

<script LANGUAGE="JavaScript">alert("弹出内容")</script>

56. 什么是目标窗口，它该如何设置?

目标窗口是页面链接所指内容显示的窗口，也就是当你单击了页面某一个链接后，该链接所指的内容在那个窗口显示。大多数情况下，我们无需关心它，因为一般都是在同一窗口显示。

target是链接标签<a>的属性，它的作用就是指定目标窗口，target有以下几个值：

_self-将链接指向的内容装载到当前页的窗口或框架中

_top-完全取代当前页面的所有框架

_blank-为链接指向的内容打开一个新的窗口

_parent-把链接指向的内容装入当前页<FRAMESET>父窗口中

以上设置多用在框架结构的页面中。

57. 如何为所有链接指定同一目标窗口?

在框架网页结构中，我们需要指定链接所指向的内容显示在那个窗口中。如果你的链接大部分都指定到同一个窗口中，就可以在<HEAD></HEAD>部分中加入：<base target＝"窗口名">，你无需为每个链接再指定窗口了。

58.如何让所有页面共享同一个层叠样式表(CSS)?

在每一个页面的<HEAD></HEAD>部分中加入以下代码：

<link rel="stylesheet" Type="text/css" href="cnshell.css">

其中cnshell.css为共享的层叠样式表文件，该文件可以利用文本编辑工具编写,它应包含如下的相似代码：

</style><style type="text/css"><!--A{text-transform: none;
text-decoration: none;}aover { text-decoration:none--></style>

59.如何为链接定制新窗口?

我们可以打开一个新的窗口来显示链接的内容，但如何定制这个新窗口呢。

只需要在标签<A>中加入onClick事件:

<a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,
resizable=yes,width=500,height=40')">问答</a>

"#"表示单击链接"问答"后，当前窗口保持不变，cnshell.htm为单击链接"问答"后所打开新窗口装载的内容，而scrollbars=yes,resizable=yes,width=500,height=40为设置新窗口的大小等属性。

60.如何在没有安装更多浏览器的情况下测试页面?

目前存在的不兼容性，使得同样一个页面在不同浏览器中的显示是不一样的，如何尽可能使大家都满意呢，在没有安装更多种类的浏览器情况下，你需要关闭图片，JavaScript支持，CSS支持等等功能，因为大多数低版本浏览器都不支持它们，这样查看能让你知道页面在那里有多“难看”。

61. 制作动态页面的步骤是怎样的?

第一步：设计页面及寻找页面需要的材料；

第二步：完成普通页面的制作，此时无须涉及动态主页内容；

第三步：为页面文字增加层叠样式表，以改变文字颜色，链接等；

第四步：为页面增加交互性内容，如cgi,javascirpt,activeX控件等，这是把页面动态的关键；

第五步：测试动态页面以适应更多浏览器；

第六步：发布动态页面并在上面标明该页是动态页面(dhtml)。

62. 如何让访问者单击加入站点书签?

总希望访问者能能把你的站点，加入到他们的书签里，这里有个好办法：

在<HEAD></HEAD>部分加入：

<script language="JavaScript"><!--

function addbookmark()

{window.external.AddFavorite("http://www.yy0736.com","夜鹰在线");}

//-->
</script>

然后在<BODY></BODY>部分加入：

<script language="JavaScript">
<!--
if(document.all != null){document.write("[＜a href="/javascriptddbookmark"()＞按一下，我将和您成为朋友。</a>]");}
// --></script>

63. 是否可以利用大写体来书写HTML标签元素?

对于大多数HTML标签元素,你可以利用大写体或小写体及两者的混合体来书写标签元素。比如：

<html></html>和<HTML></HTML>同等有效。 但如果是特殊字符的标签元素，你只能使用小写体。比如版权的字符的标签元素是：&copy;　显示©，如果写成&COPY;，那么页面将完全显示©。

64. 如何在页面利用单击来关闭浏览窗口?

在<BODY></BODY>部分加入以下代码：

<a href="javascript:window.close()">关闭窗口</a>

65.如何为页面设置访问口令?

有时候你需要为某一页设置密码，以让合适的人进来。在＜head＞＜/head＞部分加入：

<script language="JavaScript"><!--var pd="" var rpd="bullbat" pd=prompt("请您输入密码:","")if(pd!=rpd){ alert("您的密码不正确...")history.back()}else{alert("您的密码正确!")window.location.href="flash.htm"}
// -->
</script>

在以上代码中,"bullbat"就是正确的密码。"flash.htm"是当输入正确密码后链接的页面。这种设置口令的方法并不安全，因为只要访问者查看页面源代码就能知道设置的密码了。

66.如何为访问者设置正确的软件下载链接?

与其它链接一样，都使用<a></a>标签。但对于软件下载链接，你需要这样设置：

<a href="/wbzx.zip">下载wbzx.zip (188kb)</a>

67. 如何删除图片链接的蓝色边框?

如果我们设置了图片为一个链接，会发现图片四周出现了蓝色边框。要删除边框，需要在图片标签里加上border="0"。如：<img src="/dog.jpg" border="0">

68. 如何为链接提供一个按钮?

<form ACTION="cnshell.htm" METHOD="GET">

<p><input TYPE="submit" VALUE="单击这里" NAME="cnshell"></p>

</form>

69.如何知道站点的流量来至那里?

如果你拥有站点服务器的管理权，那么这是个很简单的问题，查查服务器日志就可以了。但目前你没有那权力，不过可以由第三方提供流量数据。易数是个不错的选择，链接到站点http://best.netease.com/申请，然后把代码加入到页面即可。当你想知道流量时，单击易数图标，在统计页面中，单击分析即可。

70.如何让浏览器正确显示word文件格式?

为了正确处理word等格式，你需要在HTML文件中设置好该文件类型，比如：

<meta http-equiv="Content-Type" content="Application/msword">

还有其它经常设置的文件类型：

Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format

71.如何知道自己的图片被其它网站使用?

如果你为自己站点的图片起了一个独特的名字，也就是不容易重名，比如tt124.jpg.那么链接到站点：http://www.altavista.com/，在搜索栏里输入tt124.jpg.然后开始查找，如果有站点采用了tt124.jpg图片，该站点就会被列出。AltaVista搜索引擎是一个以机器人搜寻为主的站点，它的机器人会不停地把整个网络的页面作上索引，所以，你可以在那里找到和你相关的任何东西，把你的名字的拼音输输入看看，找到什么啦。 72.如何缩进文本段落?

在<head></head>部分加入：

P { text-indent: 1% }

P标签为HTML文本段落的标签，1%为缩进的范围。

72. 如何正确使用分隔线?

如果你使用FrongPage98，这里我再假设你需要分隔页面左右两部分内容，先利用表格工具拖出三个横行表格，把内容分别放置到左右两个单元，然后把中间的单元的宽度设置为1个Pixels,并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为Pixels即可。

73.为什么有的站点下载很慢?

因为网页用了过多的图片，为了追求COOL的效果用了大量的Java Applet，过多使用<TABLE>，这些都是不可取的。对于图片必须要用的压缩再用，对于Java Applet绝对不用，它会让机器配置低的访问者的硬盘狂读不止。对于需要的动态页面，可利用CSS和JavaScript实现。

74. 如何让字体显示的更舒服?

这需要利用到CSS(层叠样式表)，目前约定俗成的字体是：{ font-family:宋体(GB); font-size: 9pt; line-height: 16px }，把这段代码加入到<head></head>之间。如：

<head>
<style>
<!--.font { font-family:宋体(GB); font-size: 9pt; line-height: 16px }--></style>
</head>
<body><p class="font">计算机世界报<br>网页制作常见问题解答</p>
</body>

font-family:宋体(GB)是设置的字体；font-size: 9pt是字体的大小；line-height: 16px是文本行的上下间隔。

75. 如何让网页兼容IE和NN两种浏览器?

完全的兼容是不可能的。目前IE浏览器占有量大大超过NN浏览器，所以你只需要兼容IE浏览器即可。当然你也可以制作两套网页，利用JavaScript来检测不同浏览器以装入相应网页。

76. 如何正确使用字体?

设置文本字体是网页制作中很重要的的环节，但因为并不是每一位访问者都有你设置的字体，所以尽量使用操作系统默认的字体宋体，黑体，楷体。对于其它类型字体可以用图形方式实现。 78.如何制作繁体版本网页?

如果你使用E-Port的网页作坊工具制作页面，那就可以利用工具菜单下的GB转BIG5来把简体网页变成繁体网页。如果你用其它工具也可以利用网页作坊的GB转BIG5来制作繁体网页，利用网页作坊打开页面，点选工具菜单下的GB转BIG5转换网页并保存。要注意的是，你需要把原<meta http-equiv="Content-Type" content="text/html; charset=gb2312">中的charset=gb2312改为charset=big5，这样，访问者的浏览器就会自动识别了。(E-Port的网页作坊下载地址：http://e-port.soim.net/)

77. 利用水平线(HR)制作垂直线?

插入HR很简单：<hr size="1">。如何让它垂直呢，更简单：<hr size="100" width="1">

78. 与其它站点交换连接需要什么?

当然，你首先要有一个个人站点，然后准备好两个站点LOGO。一般来说，400x40和88x31两种LOGO是必需的，其它也可以准备一个100x31的LOGO。400x40的LOGO用于象网盟这样的广告交换站点，88x31和100x31用于个人站点之间的交换。

79. 如何让下拉式菜单中的链接来打开一个新的窗口?

先把下拉式菜单设置好，如：

<form method="POST">
<select name="D1" size="1">
<option value="http://www.163.com/">网易</option>
<option value="http://www.suho.com/"＞搜狐</option></select>
<input type="submit" value="确定" name="B1"><input type="reset" value="重置"name="B2"></p></form>

然后把<select name="D1" size="1">改为

<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

80. 如何正确对齐文本？

有时，我们需要对一段文本的左右，上下的边距(指文本至浏览器的距离)加以指定以使文本正确对齐，CSS(层叠样式表)提供这样的功能：

在<head></head>中加入

<style>
<!--.tt { margin-left: 68px; margin-right: 70px; margin-top: 69px; margin-bottom: 71px }
-->
</style>

.tt为类名，以便你在HTML标签中应有。而在{ }中的属性及指分别为边距左，右，上，下的距离。当它们的边距都相等时比如都是60px，可以简写为：.tt { margin: 60px }.

当在文本中引用了该CSS，你会发现文本对的非常整齐。

81.如何正确使用图片格式?

目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时，就选择JPG，它的压缩比高，而GIF适合颜色数少的图片。

82. 如何在网页上显示访问者系统信息?

把以下代码加入到<Body></Body>:
<script Language="JavaScript">
document.write(navigator.appVersion)
</script>

83. 如何正确放置JavaScript?

JavaScript为动态主页的实现工具，一般来说JavaScript放置于<head></head>或者<body></body>之间。对于放置在<body></body>之间的JavaScript，你需要把它放置在适当位置。如果你用FrontPage98工具，先把光标移到想放置JavaScript的地方，然后选择Insert/Advanced/script，在打开的文本框中输入JavaScript，这样就放置好了。预览页面，JavaScript出现在你放置的地方。你也可以把JavaScript放置到表格中，这样可以精确定位。

84. 个人站点需要那些交互功能?

交互是网络的魅力所在，作为个人站点也需要这些交互性的工具，以便和访问者随时进行沟通。以下是目前个人站点必备的交互工具：

留言板-让访问者给你的站点提提意见;
论坛-讨论某一个特定主题的地方，它和留言板的区别是留言板可以包含任何内容;
调查表单-利用个人站点，你可以对某一问题进行调查，然后看看各意见的支持率;
订阅表单-通过邮件给订阅者提供站点的更新信息;

聊天室-一个即时的对话场所，特别可以对一个特定主题组办一个网络讨论;

搜索引擎-当站点内容过多时，搜索引擎可以让访问者快速找到想看的内容;

85. 如何点击一个链接同时在两个frame 内变化?

对于一个由topFrame、leftFrame、mainFrame 构成的页面，如果想在leftFrame 中点击链接，同时在其他两个frame 内变化，代码如下：
<a href="/x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">
90.前进、后退和刷新
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前进</a>
<a href="javascript:location.reload()">刷新</a>

86. 打印按钮
<form>
<input name="Print" onClick="window.print();
return false" type="button" value="Print">
</form>

87. 查看源码按钮

<input type=button name="view" value="查看源码" onClick=''window.location="view-source:" +window.location.href'' style="font-size:9pt">

88. 如何去掉页面滚动条?

在body 中加入样式表控制，代码如下：
<body bgcolor="#000000" leftmargin="0" topmargin="0"
style="overflow-x: hidden; overflow-y: hidden; width: 100%">

89.如何在Dreamweaver 插入空格？

在FrontPage 中，插入空格只需要在选定的文本前按下键盘空格键就可以了，但在Dreamweaver 中不行。空格的标签是可以开启HTML Source 视窗直接加入标签，也可以在指定的文本前，按下Ctrl+Shift+Space。

90. 如何在DW中设置Flash 动画的背景透明？

在SWF文件的属性面板中，点parameters，添加参数wmode，值选择transparent；
或者直接修改网页的代码，在标志SWF文件属性的代码中添加：
<param name="wmode" value="transparent">

91. 如何正确使用分隔线?

这里我再假设你需要分隔页面左右两部分内容，先利用表格工具拖出三个横行表格，把内容分别放置到左右两个单元，然后把中间的单元的宽度设置为1个pixels(像素)，并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为pixels 即可。

92. 如何让浏览器正确显示word 文件格式?

为了正确处理word 等格式，你需要在HTML文件中设置好该文件类型，比如：
<meta http-equiv="Content-Type" content="application/msword"> 还有其它经常设置的文件类型：

application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format

93. 如何实现一个页面两种颜色链接变化?

在CSS中设置不同的CLASS类，如下例所示：
a.r:link{text-decoration:none;color:#000066}
a.r:visited{text-decoration:none;color:#333333}
a.r:hover{color:#0000ff;text-decoration:underline}
a.r1:link{text-decoration:none;color:#000066; font-weight:bold}
a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}
a.r1:hover{color:#FF0000; font-weight:bold}
a.r2:link{text-decoration:none;color:#ffffff}
a.r2:visited{text-decoration:none;color:#ffffff}
a.r2:hover{color:#000000;}

94. DW中如何准确地定位层？

就目前来说，还没有好的方法实现非常精确地定位使得层在编辑中和浏览中的位置不变，即便是使用“标尺”和“网格”辅助定位，仍然会有差别，而且在IE和NC中显示的层的位置会有偏差，大约偏差3个象素。最好的方法是对照浏览器的显示来调整层的位置。

95. 怎样把别人网页上的背景音乐保存下来?

A:浏览该网页后,在你的 Windows\Temporary Internet Files 文件夹下可以找到该背景音乐的缓存文件，拷贝出来即可使用。如果还是找不见该文件，可以打开网页的源文件，找到音乐文件的 URL 路径，用“蚂蚁”等 FTP 软件进行下载。

96. 避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?

A:在帧中的网页的<head></head>之间加入以下脚本代码:
<Script language="JavaScript">
if (top==self)
self.location.href="/index.htm";
</Script>
这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。

97. 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

98. 如何使网页在不同分辩率下都全屏铺开？

用表格（不要使用层），做好内容后，将最外表格设置宽为100%，再适当调整。

99. 如何定时关闭网页？

在head区加入

<SCRIPT LANGUAGE="javascript">

setTimeout('window.close();',2000);
</SCRIPT>

表示两秒后自动关闭窗口。

100. 如何实现不提示，直接关闭窗口？

(1) 直接关闭，无任何提示：

在<body></body>内加以下代码：

<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>

在要显示“关闭窗口”文字或图片或按钮的位置加以下代码：

<a href="#" onClick="closes.Click();"><img name="bu1" src="/bu1.gif" width="31" height="31" border="0" alt="关闭窗口"></a>

<a href="#" onClick="closes.Click();">关闭窗口</a>

关闭窗口

<input name="button" type=button id="btn"

onClick="closes.Click();" value="关闭窗口">

　

(2) 有提示框显示是否确认关闭：

<a href="javascript:window.opener=null;window.close();">内容</a>

关闭窗口

<a href="javascript:window.close();">关闭窗口</a>

关闭窗口

或关闭按钮：

<input name="button" type=button id="btn"

onClick="javascript:self.close();" value="关闭窗口">



fadesea 2006-03-13 18:05 发表评论
]]>javascript表单事件汇总http://www.blogjava.net/fadesea/articles/35101.htmlfadeseafadeseaMon, 13 Mar 2006 09:56:00 GMThttp://www.blogjava.net/fadesea/articles/35101.htmlhttp://www.blogjava.net/fadesea/comments/35101.htmlhttp://www.blogjava.net/fadesea/articles/35101.html#Feedback0http://www.blogjava.net/fadesea/comments/commentRss/35101.htmlhttp://www.blogjava.net/fadesea/services/trackbacks/35101.html2。onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
3。onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。
4。onclick（ns3，ns4，ie3，ie4）单击网页上的某元素时产生
5。ondblclick（ns4，ie4）：双击网页上的元素时产生
6。onerror（ns3，ns4，ie4）：浏览器在打开网页的过程中发生错误时产生该事件
7。onfinish（ie4）：滚动文本条中的文本完成一次滚动时产生的事件
8。onfocus（ns3，ns4，ie3，ie4）网页上的元素获得焦点时产生该事件
9。onkeydown（ns4，ie4）按下任意键时产生该事件
10。onkeypress（ns4，ie4）按下任意键时并释放该键产生的事件
11。onkeyup（ns4，ie4）释放按下的按键产生该事件
12。onload（ns3、4，ie3、4）网页或图象调入完成后产生该事件
13。onmousedown（ns4，ie4）在网页的某元素上按下鼠标时产生该事件
14。onmousemove（ie3、4）在网页的某元素上移动鼠标时产生该事件
15。onmouseout（ns3、4，ie4）从网页的某元素移出鼠标时产生该事件
16。onmouseover（ns3、4，ie3、4）鼠标移入网页的某元素时产生该事件
17。onmouseup（ns4，ie4）释放按下的鼠标时产生该事件
18。onreset（ns3、4，ie3、4）复位表格时产生该事件
19。onresize（ns4，ie4）改变浏览器时产生该事件
20。onselect（ns3、4，ie3、4）选择文本框中的文本时产生该事件
21。onstart（ie4）滚动文本条中的文本开始滚动时产生该事件
22。onsubmit（ns3、4，ie3、4）提交表单时产生该事件
23。onunload（ns3、4，ie3、4）从当前的网页退出时产生该事件


fadesea 2006-03-13 17:56 发表评论
]]>网页自动定时刷新的代码http://www.blogjava.net/fadesea/articles/35102.htmlfadeseafadeseaMon, 13 Mar 2006 09:56:00 GMThttp://www.blogjava.net/fadesea/articles/35102.htmlhttp://www.blogjava.net/fadesea/comments/35102.htmlhttp://www.blogjava.net/fadesea/articles/35102.html#Feedback0http://www.blogjava.net/fadesea/comments/commentRss/35102.htmlhttp://www.blogjava.net/fadesea/services/trackbacks/35102.html<script>
<!--
var limit="3:00"

if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}

function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" min "+cursec+" sec "
else
curtime=cursec+" sec "
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}

window.onload=beginrefresh
//-->
</script>


加到body中间，这里是3:00为三分钟，可以自定



fadesea 2006-03-13 17:56 发表评论
]]>javascript:检索功能下拉列表http://www.blogjava.net/fadesea/articles/35099.htmlfadeseafadeseaMon, 13 Mar 2006 09:52:00 GMThttp://www.blogjava.net/fadesea/articles/35099.htmlhttp://www.blogjava.net/fadesea/comments/35099.htmlhttp://www.blogjava.net/fadesea/articles/35099.html#Feedback0http://www.blogjava.net/fadesea/comments/commentRss/35099.htmlhttp://www.blogjava.net/fadesea/services/trackbacks/35099.html

<script language="javascript">
 function changeValue(){
  delOptions(document.form1.select,"false");
  var tempvalue="/document.form1.txtID.value;
  var" valKey=document.form1.valKey.value.split(";");

  for(i=0;i<valKey.length;i++){
   if(tempValue==""){
    var aOption=new Option();
    aOption.value=valKey[i];       
    aOption.text=valKey[i+1];  
    document.form1.select.add(aOption);
   }else{
    if(valKey[i+1].indexOf(tempValue,0)>=0){
     var aOption=new Option();
     aOption.value=valKey[i];       
     aOption.text=valKey[i+1];  
     document.form1.select.add(aOption);
    }
   }
   i=i+1;
  }
  document.form1.select.disabled=false;
 }
 function delOptions(objDst,boolSet){
   var len = objDst.length - 1;
   if (boolSet=="true"){
  for(i=objDst.length;i>=0;i--){
    objDst.remove(i);
  }
   }
   else{
  for(i=len;i>0;i--){
    objDst.remove(i);
  }
   }
   objDst.disabled=true;
 } 
</script>

body:

<BODY onLoad="changeValue()">
 <form name="form1" action="" method="">
  <div  id="Layer1"  style="position:absolute;  width:157px;  height:40px;  z-index:0;  left:  121px;  top:  70px;clip:rect(0,100,20,65)">   
   <select  name="select" onChange=document.form1.txtID.value=this[selectedIndex].text> 
    <option value="/请选择..." selected>请选择...</option>
   </SELECT>


   </div> 
   <div  id="Layer2"  style="position:absolute;  width:157px;  height:40px;  z-index:2;  left:  120px;  top:  69px">   
     <input name="txtID" type="text" size="10" onChange="changeValue()" border="none"> 
     <input name="valKey" type="hidden" value="AAAA;1111;BBBB;2222;CCCC;3333">
  </div> 
 </form>
</BODY>



fadesea 2006-03-13 17:52 发表评论
]]>