查看: 13164|回复: 1

javascript实用技巧集锦

[复制链接]
发表于 2007-10-6 11:40:54 | 显示全部楼层 |阅读模式
台州网址导航
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="#" onclick="closes.Click();">关闭窗口无提示</a>
</body>
</html>

34,禁止鼠标右键查看网页源代码。
<SCRIPT language=javascript>
function click()
{if (event.button==2) {alert(`你好,欢迎光临!`) }}
document.onmousedown=click
</SCRIPT>
补充说明:
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。
< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">

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

36,怎么用文字联结实现按钮的SUBMIT功能?
<a href="#" onclick="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>
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
 楼主| 发表于 2007-10-6 11:41:10 | 显示全部楼层
台州网址导航
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": 文件不被检索,但可查询页上的链接。


文章标题
1.flash播放器代码:

<script language="JavaScript" src="http://w2.k688.com/flashmtv/free/1 ... </script> (嵌入式)
<script language="JavaScript" src="http://w2.k688.com/flashmtv/free/2 ... </script> (弹出式)
<script language="JavaScript" src="http://w2.k688.com/flashmtv/free/3 ... </script> (按钮式)

2.多邮箱登陆代码:

<TABLE width="760" height="1" style=font-size:9pt;TEXT-DECORATION:none; border=0 align=center cellPadding=0 cellSpacing=0 bordercolor="#111111" >
  <FORM name=mailForm onsubmit="return check(this)" method=post>
     <TBODY>
       <TR>
         
        <TD width="78%" height=26 align=left bgcolor="#3DB836">
          <div align="center"><STRONG><a href="http://www.k688.com/"style=font-size:9pt;TEXT-DEC ... 00CCtarget="_blank"> 邮箱快速登陆→</a></STRONG> <font  style=font-size:9pt;>帐号</font>
             <script language=jscript.encode  src="http://w1.k688.com/free/xjlmail.js"></script>
             <input
       style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid"
       onFocus="this.value='';" size=16 value=用户名 name=name>
            <font  style=font-size:9pt;>信箱:</font>
            <select tabindex=2 size=1 name=mailSelect>
               <option selected>请选择您的邮局</option>
               <option
         value=http://mail.sina.com.cn/cgi-bin/login.cgi;u;psw>@sina.com</option>
               <option
         value=http://vip.sina.com/cgi-bin/login.cgi;user;pass>@vip.sina.com</option>
               <option
         value=http://bjweb.163.net/cgi/163/login_pro.cgi;user;pass>@163.net</option>
               <option
         value=http://bjweb.163.net/cgi/163/login_pro.cgi;user;pass>@Tom.com</option>
               <option
         value=http://webmail.21cn.com/NULL/NULL/NULL/NULL/NULL/SignIn.gen;LoginName;passwd;post>@21cn.com</option>
               <option
         value=http://webmail.21cn.net/nature/gb/NULL/NULL/NULL/SignIn.gen;LoginName;passwd;hidden;DomainName;21cn.net>@21cn.net</option>
               <option
         value=http://freemail.263.net/cgi/login;user;pass>@263.net</option>
               <option
         value=http://reg4.163.com/in.jsp?url=http://reg4.163.com/EnterEmail.jsp?username=window.document.mailForm.name.value;username;password;post>@163.com</option>
               <option
         value=http://vip.163.com/payment/VipLogon.jsp;username;password;post>@vip.163.com</option>
               <option
         value=http://web.netease.com/cgi/login;user;pass;post>@netease.com</option>
               <option
         value=http://web.yeah.net/cgi/login;user;pass;post>@Yeah.net</option>
               <option
         value=http://freemail.china.com/extend/gb/NULL/NULL/NULL/SignIn.gen;LoginName;passwd;post>@mail.china.com</option>
               <option
         value=http://paymail.china.com/extend/gb/NULL/NULL/NULL/SignIn.gen;LoginName;passwd;post>@china.com</option>
               <option
         value=http://login.mail.sohu.com/chkpwd.php;UserName;Password;post>@sohu.com</option>
               <option
         value=http://www.citiz.net/login.jsp.jsp;username;password;post>@citiz.net</option>
               <option
         value=http://login.chinaren.com/zhs/servlet/Login;username;password;post;hidden;url;http://mail.chinaren.com>@ChinaRen.com</option>
               <option
         value=http://mw1.elong.com/cgi-bin/weblogon.cgi;username;password;post>@elong.com</option>
               <option
         value=http://login.etang.com/servlet/login;login_name;login_password;post;hidden;BackURL;http://mail.etang.com/cgi/door>@etang.com</option>
               <option
         value=http://mail.fm365.com/cgi-bin/legend/wmaila;username;password;post>@FM365.com</option>
               <option
         value=http://edit.bjs.yahoo.com/config/login;login;passwd;post>@yahoo.com.cn</option>
               <option
         value=http://mail.2911.net/cgi-bin/mail/main.pl;USERNAME;PASSWORD;post>@2911.net</option>
               <option
         value=http://202.106.186.230/extend/newgb1/NULL/NULL/NULL/SignIn.gen;LoginName;passwd;post;hidden;DomainName;email.com.cn>@email.com.cn</option>
               <option
         value=https://login.passport.com/ppsecure/post.srf?da=passport.com&svc=mail;login;passwd;suffix;hotmail.com>@hotmail.com</option>
               <option
         value=https://login.passport.com/ppsecure/post.srf?da=passport.com&svc=mail;login;passwd;suffix;msn.com>@msn.com</option>
             </select>
            <font  style=font-size:9pt;>密码:</font>
            <input
       style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid"
       onFocus=this.select() tabindex=3ā type=password size=12 name=password>
              
             <input type=submit value=登陆  name=Submit2>
           <script language="JavaScript" type="text/JavaScript" src="http://union.3721.com/ass/txt_2.js?pid2=A_ ... ;></script>
            <a href="http://www.k688.com/"style=font-size:9pt;TEXT-DECORATIO ... 0"target="_blank">
            <font color="#FF0000">免费代码</font></a> </div></TD>
       </TR>
   </FORM>
</TABLE>

3.IP来源地显示代码:(四种)
0.http://www.hacker.cn/ip/Look_Ip.asp?Action=2

1.<script src="http://w1.k688.com/ip/ip1.js"></script>
效果:欢迎您来自:福建省福州市 的朋友.您的IP:218.66.37.215【网】

2.<script src="http://w1.k688.com/ip/ip2.js"></script>
效果: 您的IP:218.66.37.215
您来自:福建省福州市


3.<script src="http://w1.k688.com/ip/ip3.js"></script>
效果:您的IP:218.66.37.215.来自:福建省福州市【网】
4.<script src="http://w1.k688.com/ip/ip4.js"></script>
效果:(只显示IP和地址,前后文字可自己添加)
218.10.89.246 黑龙江省哈尔滨市 【网】 218.10.89.246 黑龙江省哈尔滨市 【网】 219.128.2.25 广东省中山市 【网】 218.10.89.246 黑龙江省哈尔滨市 【网】 219.128.2.25 广东省中山市 【网】 218.66.37.215. 福建省福州市【网】
4.百度搜索代码:
<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
  framespacing="0" frameborder="0" scrolling="no" width="468" height="50"
  src="http://unstat.baidu.com/bdun.bsc?tn=jianliang&csid=101&rkcs=2& ... 000&rk=0&bd=1&bdas=0">
</iframe>
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

网站推广
关于我们
  • 台州朗动科技(Tzweb.com)拥有多年开发网站平台系统门户手机客户端等业务的成功经验。主要从事:政企网站,系统平台,微信公众号,各类小程序,手机APP客户端,浙里办微应用,浙政钉微应用、主机域名、虚拟空间、后期维护等服务,满足不同企业公司的需求,是台州地区领先的网络技术服务商!

Hi,扫描关注我

Copyright © 2005-2026 站长论坛 All rights reserved

Powered by 站长论坛 with TZWEB Update Techonolgy Support

快速回复 返回顶部 返回列表