整理的一些建站中常见的问题与解决代码

最新推荐文章于 2019-06-01 16:14:04 发布

shark888

最新推荐文章于 2019-06-01 16:14:04 发布

阅读量947

点赞数

文章标签： browser html function ie input css

本文链接：https://blog.csdn.net/shark888/article/details/1473486

版权

一检查是否为首页

<HTML XMLNS:IE>
<HEAD>
<STYLE>
@media all {
IE/:HOMEPAGE {behavior:url(#default#homepage)}
}
</STYLE>

<SCRIP T>
function fnVerify(){
   sQueryHome = oHomePage.isHomePage(oHomeHref.value);
   alert(sQueryHome);
   event.returnValue = false;
}
</SCR IPT>
</HEAD>
<BODY>
<IE:HOMEPAGE ID="oHomePage" />
<INPUT TYPE=text ID=oHomeHref VALUE="http://www.microsoft.com">
<INPUT TYPE=button VALUE="Verify" οnclick="fnVerify()">
</BODY>
</HTML>

二判断一个层是否被隐藏

三如何做网站中滚动的文字，还带超链接

四如何在java中使表单中的一个按钮无效

五可不可以做一个JS是只这个移动功能，在做网页时，想让哪个表格移动，就调用这个JS？

( 方法一 )

< LANGUAGE="Java">
<!--
var currentMoveObj = null;        //当前拖动对象
var relLeft;        //鼠标按下位置相对对象位置
var relTop;
function f_mdown(obj)
{
        currentMoveObj = obj;                //当对象被按下时，记录该对象
        currentMoveObj.style.position = "absolute";
        relLeft = event.x - currentMoveObj.style.pixelLeft;
        relTop = event.y - currentMoveObj.style.pixelTop;
}
window.document.onmouseup = function()
{
        currentMoveObj = null;        //当鼠标释放时同时释放拖动对象
}
function f_move(obj)
{
        if(currentMoveObj != null)
        {
                currentMoveObj.style.pixelLeft=event.x-relLeft;
                currentMoveObj.style.pixelTop=event.y-relTop;
        }
}

//-->
</>
<BODY>
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" οnmοusedοwn="f_mdown(this)" οnmοusemοve="f_move(this)">
<TR>
        <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD>
</TR>
<TR>
        <TD align="center" height="60">content</TD>
</TR>
</TABLE>
<TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" οnmοusedοwn="f_mdown(this)" οnmοusemοve="f_move(this)">
<TR>
        <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD>
</TR>
<TR>
        <TD align="center" height="60">content</TD>
</TR>
</TABLE>
</BODY>

( 方法二 )

< LANGUAGE="Java">
<!--
var currentMoveObj = null;        //当前拖动对象
var relLeft;        //鼠标按下位置相对对象位置
var relTop;
var zindex=-1;//控制被拖动对象的z-index值
function f_mdown(obj)
{
        currentMoveObj = obj;                //当对象被按下时，记录该对象
        currentMoveObj.style.position = "absolute";
        relLeft = event.x - currentMoveObj.style.pixelLeft;
        relTop = event.y - currentMoveObj.style.pixelTop;
        zindex=currentMoveObj.style.zIndex;//记录原z-index值
        currentMoveObj.style.zIndex=10000;
}
window.document.onmouseup = function()
{      currentMoveObj.style.zIndex=zindex;//恢复
        zindex=-1;

        currentMoveObj = null;        //当鼠标释放时同时释放拖动对象
       }
function f_move(obj)
{
        if(currentMoveObj != null)
        {
                currentMoveObj.style.pixelLeft=event.x-relLeft;
                currentMoveObj.style.pixelTop=event.y-relTop;
        }
}

六刷新框架
我有一个框架网页，左右2个网页，现在我在主窗口（右页面）登陆后返回到主窗口页面，我如何让左边页面也能刷新呢？

<body οnlοad="parent.leftFrame.location.reload();">

或者在页面的最后:
<>
//leftFrame指左边框架的名字
parent.leftFrame.location.reload();
</>

七ID与name的区别

一个元素定义了id，引用该元素时直接用id属性，而name通常用在form中，且必须由document.form.***而来，也就是说，name属性定义的元素在脚本中是document对象的子对象。

我说不太清楚，反正这么个意思。
此外，ID标识在一个页面中原则上应该唯一，而name则不一定。

八我要用文字做按扭提交表单，不用input，怎么做？

九图片reset表单

十页面有多个CSS做个check box让用户选择

<HTML>
<HEAD>
<TITLE>换肤技术新的尝试</TITLE>
<link ID="skin" rel="stylesheet" type="text/css">
< LANGUAGE=java>
<!--
function SetCookie(name,value){
     var argv=SetCookie.arguments;
     var argc=SetCookie.arguments.length;
     var expires=(2<argc)?argv<2>:null;
     var path=(3<argc)?argv<3>:null;
     var domain=(4<argc)?argv<4>:null;
     var secure=(5<argc)?argv<5>:false;
     document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}

var thisskin;
thisskin=GetCookie("nowskin");
if(thisskin!="")
skin.href=thisskin;
else
skin.href="css.css";

function changecss(url){
     if(url!=""){
           skin.href=url;
           var expdate=new Date();
           expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
           //expdate=null;
                                   //以下设置COOKIES时间为1年,自己随便设置该时间..
           SetCookie("nowskin",url,expdate,"/",null,false);
     }
}
//-->
</>
</HEAD>
<BODY>

<P>请选择下面的下拉菜单测试换肤效果</P>

<select οnchange="changecss(this.value)">
<option>选择样式单文件</option>
< language="java">
var csss=new Array();
csss<0>="001.css";
csss<1>="002.css";
csss<2>="003.css";
csss<3>="004.css";
var i;
for(i=0;i<4;i++)
     if(thisskin==csss)
           document.write("<option value=/""+csss+"/" selected>"+csss+"样式单文件</option>");
     else
           document.write("<option value=/""+csss+"/">"+csss+"样式单文件</option>");
</>
</select>
</BODY>
</HTML>

二十四只能输入数字正则

二十五只能输入中文正则

二十六隐去浏览器中当鼠标移到图片上跳出的工具栏

二十七同一个页面多种超链接样式

二十八js动态给一个DIV插入一个表格

<div id="insertdiv">abc</div>
<scri pt language="JavaS cript">

</scr ipt>

二十九让英文字符串超出表格宽度自动换行

word-wrap: break-word; word-break: break-all;

三十form问题

form问题

在一个form中只有一个input输入框的情况下...在这个input输入框中按enter的话，form就会被提交。如何避免这样的情况出现?
<form οnsubmit="if(event.srcElement.name=='bb'){this.submit()}else{return false}">
<input name=a size=20>
<input type=button name=bb οnclick="submit();">
</form>

三十一CSS在文字下面加两横

<font style="border-bottom:4px double navy">huerreson</font>
<font style="border-bottom:1px solid navy;text-decoration:underline">huerreson</font>

三十二用回车提交表单

三十三让文字域里面的文字不可修改

禁用<input type="text" value="disabled" disabled>
不可修改<input type="text" value="readonly" readonly>

三十四通过层来实现渐淡淡出

<scr ipt language="JavaSc ript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=50
}
</scr ipt>
<div style="width:200px;height:200px;filter:alpha(opacity=50);border:1px solid #000;background:#efefef" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">
ywicc.com
</div>

三十五取消选取、防止复制

三十六关闭输入法

三十七永远都会带着框架

三十八防止被人frame

三十九网页将不能被另存为

四十删除时确认

四十一网页不会被缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

四十二怎样让表单没有凹凸感

<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000"></textarea>

四十三<div><span>&<layer>的区别

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

四十四让弹出窗口总是在最上面

<body οnblur="this.focus();">

四十五不要滚动条

让竖条没有:
<body style='overflow:scroll;overflow-y:hidden'>
</body>

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

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

四十六怎样去掉图片链接点击后，图片周围的虚线

四十七电子邮件处理提交表单

四十八子窗口刷新父窗口

window.opener.location.reload()

四十九在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>
body
{background-image:url(images/js.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed}
</STYLE>

五十检查一段字符串是否全由数字组成

<scr ipt language="Javasc ript"></sc ript>

五十一限制下拉选择的宽度

五十二打开一个新的窗口，而窗口的宽度和高度则是这个图片的实际的高和宽

五十三弹出的窗口居中

方法一

<scr ipt>
myWin=window.open("about:blank","","width=200,height=160");
myWin.moveTo(screen.width/2-100,screen.height/2-80);
</scri pt>

方法二

<scri pt>
t = 200;
l = 200;
window.open('about:blank','','width='+l+',height='+t+',top='+(screen.availHeight/2-t/2)+',left='+(screen.availWidth/2-l/2));
</scri pt>

五十四用IE弹出IE窗口

<scr ipt>
window.showModalDialog("about:<scr ipt>window.open('','w_name','status=no');window.close()<//scri pt>","","dialogwidth=0px;dialogheight=0px") //用模式窗口做个过度就可以了
window.open("你要弹出的地址","w_name","")
</scri pt>

五十五单击表格中某个单元格则这个单元格变颜色

<sc ript language="JavaScri pt">
function test(t) {
    for (var i=0; i<t.rows.length; i++)
    for (var j=0; j<t.rows.cells.length; j++)
    t.rows.cells.bgColor = t.rows.cells == event.srcElement ? 'red' : '';
}
</scrip t>
<table width="300" cellspacing="1" bgcolor="black" onClick="test(this)">
<tr bgcolor="white" height="20"><td> </td><td> </td><td> </td></tr>
<tr bgcolor="white" height="20"><td> </td><td> </td><td> </td></tr>
<tr bgcolor="white" height="20"><td> </td><td> </td><td> </td></tr>
</table>

五十八 ASP编程中几个个非常有用的例子

1.如何用Asp判断你的网站的虚拟物理路径
答：使用Mappath方法
< p align="center" >< font size="4" face="Arial" >< b >
The Physical path to this virtual website is:
< /b >< /font >
< font color="#FF0000" size="6" face="Arial" >
< %= Server.MapPath("/")% >
< /font >< /p >

2.我如何知道使用者所用的浏览器？
答：使用the Request object方法
strBrowser=Request.ServerVariables("HTTP_USER_AGENT")
If Instr(strBrowser,"MSIE") < > 0 Then
　　Response.redirect("ForMSIEOnly.htm")
Else
　　Response.redirect("ForAll.htm")
End If

3.如何计算每天的平均反复访问人数
答：解决方法
< % startdate=DateDiff("d",Now,"01/01/1990")
if strdate< 0 then startdate=startdate*-1
avgvpd=Int((usercnt)/startdate) % >
显示结果
< % response.write(avgvpd) % >
that is it.this page have been viewed since November 10,1998

4.如何显示随机图象
< % dim p,ppic,dpic
ppic=12
randomize
p=Int((ppic*rnd)+1)
dpic="graphix/randompics/"&p&".gif"
% >
显示
< img src="< %=dpic% >" >

5.如何回到先前的页面
答：< a href="< %=request.serverVariables("Http_REFERER")% >" >preivous page< /a >
或用图片如：< img src="arrowback.gif" alt="< %=request.serverVariables("HTTP_REFERER")% >" >

6.如何确定对方的IP地址
答：< %=Request.serverVariables("REMOTE_ADDR)% >

7.如何链结到一副图片上
答：< % @Languages=vbs cript % >
< % response.expires=0
strimagename="graphix/errors/erroriamge.gif"
response.redirect(strimagename)
% >

8.强迫输入密码对话框
答：把这句话放载页面的开头
< % response.status="401 not Authorized"
response.end
% >

9.如何传递变量从一页到另一页
答：用 HIDDEN 类型来传递变量
< % form method="post" action="mynextpage.asp" >
< % for each item in request.form % >
< input namee="< %=item% >" type="HIDDEN"
value="< %=server.HTMLEncode(Request.form(item)) % >" >
< % next % >
< /form >

10.为何我在 asp 程序内使用 msgbox，程序出错说没有权限
答：由于 asp 是服务器运行的，如果可以在服务器显示一个对话框，那么你只好等有人按了确定之后，你的程序才能继续执行，而一般服务器不会有人守着，所以微软不得不禁止这个函数，并胡乱告诉你 (:) 呵呵) 没有权限。但是ASP和客户端脚本结合倒可以显示一个对话框，as follows:
< % yourVar="测试对话框"% >
< % s cript language=javas cript >
alert("< %=yourvar% >")
< /s cript >

11.有没有办法保护自己的源代码，不给人看到
答：可以去下载一个微软的Windows s cript Encoder，它可以对asp的脚本和客户端javas cript/vbs cript脚本进行加密。。。不过客户端加密后，只有ie5才能执行，服务器端脚本加密后，只有服务器上安装有s cript engine 5(装一个ie5就有了)才能执行。

12.怎样才能将 query string 从一个 asp 文件传送到另一个？
答：前者文件加入下句： Response.Redirect("second.asp?" & Request.ServerVariables("QUERY_STRING"))

13.global.asa文件总是不起作用?
答：只有web目录设置为web application, global.asa才有效，并且一个web application的根目录下 global.asa才有效。IIS4可以使用Internet Service Manager设置application setting 怎样才能使得htm文件如同asp文件一样可以执行脚本代码？

14.怎样才能使得htm文件如同asp文件一样可以执行脚本代码？
答： Internet Sevices Manager - > 选择default web site - >右鼠键- >菜单属性-〉主目录- > 应用程序设置(Application Setting)- > 点击按钮 "配置"- > app mapping - >点击按钮"Add" - > executable browse选择 /WINNT/SYSTEM32/INETSRV/ASP.DLL EXTENSION 输入 htm method exclusions 输入PUT.DELETE 全部确定即可。但是值得注意的是这样对htm也要由asp.dll处理，效率将降低。

15.如何注册组件
答：有两种方法。
第一种方法：手工注册 DLL 这种方法从IIs 3.0一直使用到IIs 4.0和其它的Web Server。它需要你在命令行方式下来执行，进入到包含有DLL的目录，并输入：regsvr32 component_name.dll 例如 c:/temp/regsvr32 AspEmail.dll 它会把dll的特定信息注册入服务器中的注册表中。然后这个组件就可以在服务器上使用了，但是这个方法有一个缺陷。当使用这种方法注册完毕组件后，该组件必须要相应的设置NT的匿名帐号有权限执行这个dll。特别是一些组件需要读取注册表，所以，这个注册组件的方法仅仅是使用在服务器上没有MTS的情况下，要取消注册这个dll，使用：regsvr32 /u aspobject.dll example c:/temp/regsvr32 /u aneiodbc.dll

第二种方法：使用MTS(Microsoft Transaction Server) MTS是IIS 4新增特色，但是它提供了巨大的改进。MTS允许你指定只有有特权的用户才能够访问组件，大大提高了网站服务器上的安全性设置。在MTS上注册组件的步骤如下：
1) 打开IIS管理控制台。
2) 展开transaction server，右键单击"pkgs installed"然后选择"new package"。
3) 单击"create an empty package"。
4) 给该包命名。
5) 指定administrator帐号或则使用"interactive"(如果服务器经常是使用administrator 登陆的话)。
6) 现在使用右键单击你刚建立的那个包下面展开后的"components"。选择 "new then component"。
7) 选择 "install new component" 。
8) 找到你的.dll文件然后选择next到完成。
要删除这个对象，只要选择它的图标，然后选择delete。
附注：特别要注意第二种方法，它是用来调试自己编写组件的最好方法，而不必每次都需要重新启动机器了。

16. ASP与Access数据库连接：

<%@ language=VBs cript%>
<%
dim conn,mdbfile
mdbfile=server.mappath("数据库名称.mdb")
set conn=server.createobject("adodb.connection")
conn.open "driver={microsoft access driver (*.mdb)};uid=admin;pwd=数据库密码;dbq="&mdbfile

%>

17. ASP与SQL数据库连接：

<%@ language=VBs cript%>
<%
dim conn
set conn=server.createobject("ADODB.connection")
con.open "PROVIDER=SQLOLEDB;DATA SOURCE=SQL服务器名称或IP地址;UID=sa;PWD=数据库密码;DATABASE=数据库名称
%>

建立记录集对象：

set rs=server.createobject("adodb.recordset")
rs.open SQL语句,conn,3,2

18. SQL常用命令使用方法：

(1) 数据记录筛选：

sql="select * from 数据表 where 字段名=字段值 order by 字段名 "

sql="select * from 数据表 where 字段名 like %字段值% order by 字段名 "

sql="select top 10 * from 数据表 where 字段名 order by 字段名 "

sql="select * from 数据表 where 字段名 in (值1,值2,值3)"

sql="select * from 数据表 where 字段名 between 值1 and 值2"

(2) 更新数据记录：

sql="update 数据表 set 字段名=字段值 where 条件表达式"

sql="update 数据表 set 字段1=值1,字段2=值2 …… 字段n=值n where 条件表达式"

(3) 删除数据记录：

sql="delete from 数据表 where 条件表达式"

sql="delete from 数据表" (将数据表所有记录删除)

(4) 添加数据记录：

sql="insert into 数据表 (字段1,字段2,字段3 …) valuess (值1,值2,值3 …)"

sql="insert into 目标数据表 select * from 源数据表" (把源数据表的记录添加到目标数据表)

(5) 数据记录统计函数：

AVG(字段名) 得出一个表格栏平均值
COUNT(*|字段名) 对数据行数的统计或对某一栏有值的数据行数统计
MAX(字段名) 取得一个表格栏最大的值
MIN(字段名) 取得一个表格栏最小的值
SUM(字段名) 把数据栏的值相加

引用以上函数的方法：

sql="select sum(字段名) as 别名 from 数据表 where 条件表达式"
set rs=conn.excute(sql)

用 rs("别名") 获取统的计值，其它函数运用同上。

(5) 数据表的建立和删除：

CREATE TABLE 数据表名称(字段1 类型1(长度),字段2 类型2(长度) …… )

例：CREATE TABLE tab01(name varchar(50),datetime default now())

DROP TABLE 数据表名称 (永久性删除一个数据表)

19. 记录集对象的方法：

rs.movenext 将记录指针从当前的位置向下移一行
rs.moveprevious 将记录指针从当前的位置向上移一行
rs.movefirst 将记录指针移到数据表第一行
rs.movelast 将记录指针移到数据表最后一行
rs.absoluteposition=N 将记录指针移到数据表第N行
rs.absolutepage=N 将记录指针移到第N页的第一行
rs.pagesize=N 设置每页为N条记录
rs.pagecount 根据 pagesize 的设置返回总页数
rs.recordcount 返回记录总数
rs.bof 返回记录指针是否超出数据表首端，true表示是，false为否
rs.eof 返回记录指针是否超出数据表末端，true表示是，false为否
rs.delete 删除当前记录，但记录指针不会向下移动
rs.addnew 添加记录到数据表末端
rs.update 更新数据表记录

六十 怎样在一个页面上实现竖排文字

<HTML>
<STYLE>
.clsHoriz { writing-mode:lr-tb }
</STYLE>
</HEAD>
<BODY>

<H1>writing-mode Attribute</H1>

<P>This example shows how to use the <B>writing-mode</B> attribute to
display horizontal text (<SPAN >lr-tb</SPAN>) within vertical text
(<SPAN>tb-rl</SPAN>).</P>

<P>The following <B>DIV</B> element has a <B>writing-mode</B> of tb-rl
and contains text and <B>SPAN</B> child elements. The text flow alternates
between vertical and horizontal. Note the effect of the <B>BR</B> element
after the second set of vertical text.</P>

<DIV STYLE="writing-mode:tb-rl">
First Set of Vertical Text
<SPAN CLASS="clsHoriz">First Set of Horizontal Text</SPAN>
Second Set of Vertical Text plus a line break<BR>
<SPAN STYLE="writing-mode:lr-tb">Second Set of Horizontal Text</SPAN>
Third Set of Vertical Text
<SPAN CLASS="clsHoriz">Third Set of Horizontal Text</SPAN>
</DIV>
</BODY>
</HTML>

六十一 DHTML中重要的属性方法（献给DHTML初学者）

作者：mrfool转贴整理日期：2004年6月17日

由于DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按字母来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node and node),想学习DHTML中的DOM千万不要从头到尾地看遍所有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一下：

其实DOM教给我们的就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录……

根节点：

DOM把层次中的每一个对象都称之为节点（NODE），以HTML超文本标记语言为例：整个文档的一个根就是<html>,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点（ROOT）

子节点：

一般意义上的节点，根节点以下最大子节点就是主文档区<body>了，要访问到body标签，在脚本中应该写：
document.body
body区以内所有的文本及HTML标签都是文档的节点，分别称为文本节点、元素节点（或者叫标签节点），大家知道HTML说到底只是文本而矣，不论怎么样的网页必然由这两个节点组成，也只能由这两个节点组成

节点之间的关系：

节点之间的关系也是DOM中最重要的一个关节，如何正确地引用到节点对象，一定要清楚节点树各个节点的相互描述方式，在DHTML里，Java脚本就用了各个节点对象的一整套方法和属性去描述另外的节点对象。

节点的绝对引用：
返回文档的根节点
document.documentElement
返回当前文档中被击活的标签节点
document.activeElement
返回鼠标移出的源节点
event.fromElement
返回鼠标移入的源节点
event.toElement
返回激活事件的源节点
event.srcElement

节点的相对引用：(设当前对节点为node)
返回父节点
node.parentNode
node.parentElement
返回子节点集合（包含文本节点及标签节点）
node.childNodes
返回子标签节点集合
node.children
返回子文本节点集合
node.textNodes
返回第一个子节点
node.firstChild
返回最后一个子节点
node.lastChild
返回同属下一个节点
node.nextSibling
返回同属上一个节点
node.previousSibling

节点的各种操作：(设当前的节点为node)

新增标签节点句柄：
document.createElement(sNode) //参数为要新添的节点标签名，例：newnode=document.createElement("div");

1、添加节点：
追加子节点：
node.appendChild(oNode) //oNode为生新增的节点句柄,例：node.appendChild(newnode)
应用标签节点
node.applyElment(oNode,sWhere)//oNode为生新增的节点句柄,sWhere有两个值：outside / inside，加在当前节点外面还是里面
插入节点
inode.insertBefore()
node.insertAdjacentElement()
node.replaceAdjacentText()

2、修改节点：

删除节点
node.remove()
node.removeChild()
node.removeNode()

替换节点
node.replaceChild()
node.replaceNode()
node.swapNode()

2、复制节点：
返回复制复制节点引用
node.cloneNode(bAll)//bAll为布尔值，true / false 是否克隆该节点所有子节点

3、节点信息
是否包含某节点
node.contains()
是否有子节点
node.hasChildNodes()

六十二 JavaSc ript Js事件触发列表与解说

一般事件
事件	浏览器支持	描述
onClick	HTML: 2\|3\|3.2\|4 Browser: IE3\|N2\|O3	鼠标点击事件，多用在某个对象控制的范围内的鼠标点击
onDblClick	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠标双击事件
onMouseDown	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠标上的按钮被按下了
onMouseUp	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠标按下后，松开时激发的事件
onMouseOver	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	当鼠标移动到某对象范围的上方时触发的事件
onMouseMove	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠标移动时触发的事件
onMouseOut	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O3	当鼠标离开某对象范围时触发的事件
onKeyPress	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	当键盘上的某个键被按下并且释放时触发的事件.<注意:页面内必须有被聚焦的对象>
onKeyDown	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	当键盘上某个按键被按下时触发的事件<注意:页面内必须有被聚焦的对象>
onKeyUp	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	当键盘上某个按键被按放开时触发的事件<注意:页面内必须有被聚焦的对象>
页面相关事件
事件	浏览器支持	描述
onAbort	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O	图片在下载时被用户中断
onBeforeUnload	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当前页面的内容将要被改变时触发的事件
onError	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O	捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误
onLoad	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成
onMove	HTML: 2\|3\|3.2\|4 Browser:IE\|N4\|O	浏览器的窗口被移动时触发的事件
onResize	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	当浏览器的窗口大小被改变时触发的事件
onScroll	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	浏览器的滚动条位置发生变化时触发的事件
onStop	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	当前页面将被改变时触发的事件
表单相关事件
事件	浏览器支持	描述
onBlur	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	当前元素失去焦点时触发的事件 <鼠标与键盘的触发均可>
onChange	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	当前元素失去焦点并且元素的内容发生改变而触发的事件 <鼠标与键盘的触发均可>
onFocus	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	当某个元素获得焦点时触发的事件
onReset	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O3	当表单中RESET的属性被激发时触发的事件
onSubmit	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	一个表单被递交时触发的事件
滚动字幕事件
事件	浏览器支持	描述
onBounce	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当Marquee元素完成需要显示的内容后触发的事件
onStart	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当Marquee元素开始显示内容时触发的事件
编辑事件
事件	浏览器支持	描述
onBeforeCopy	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当页面中的一部分或者全部的内容将被移离当前页面<剪贴>并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当前元素将要进入编辑状态
onBeforePaste	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	内容将要从浏览者的系统剪贴板传送<粘贴>到页面中时触发的事件
onBeforeUpdate	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 <试试在页面中的中加入onContentMenu="return false"就可禁止使用鼠标右键了>
onCopy	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当页面当前的被选择内容被复制后触发的事件
onCut	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当页面当前的被选择内容被剪切时触发的事件
onDrag	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当某个对象被拖动时触发的事件 <活动事件>
onDragDrop	HTML: 2\|3\|3.2\|4 Browser:IE\|N4\|O	一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onDragEnter	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当某被拖动的对象在另一对象容器范围内拖动时触发的事件 <活动事件>
onDragStart	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当某对象将被拖动时触发的事件
onDrop	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	在一个拖动过程中，释放鼠标键时触发的事件
onLoseCapture	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当内容被粘贴时触发的事件
onSelect	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当文本内容被选择时的事件
onSelectStart	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当文本内容选择将开始发生时触发的事件
数据绑定
事件	浏览器支持	描述
onAfterUpdate	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当数据完成由数据源到对象的传送时触发的事件
onCellChange	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当数据来源发生变化时
onDataAvailable	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当数据接收完成时触发事件
onDatasetChanged	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	数据在数据源发生变化时触发的事件
onDatasetComplete	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onRowEnter	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当前数据源的数据将要发生变化时触发的事件
onRowsDelete	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当前数据记录将被删除时触发的事件
onRowsInserted	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当前数据源将要插入新数据记录时触发的事件
外部事件
事件	浏览器支持	描述
onAfterPrint	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当文档被打印后触发的事件
onBeforePrint	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当文档即将打印时触发的事件
onFilterChange	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当某个对象的滤镜效果发生变化时触发的事件
onHelp	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	当对象的属性之一发生变化时触发的事件
onReadyStateChange	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	当对象的初始化属性值发生变化时触发的事件

六十三 引入样式表(css)的四种方式

一、使用STYLE属性：将STYLE属性直接加在个别的元件标签里。
<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如：
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>
这种用法的优点是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签：将样式规则写在<STYLE>...</STYLE>标签之中。
<STYLE TYPE="text/css">

</STYLE>
例如：
<STYLE TYPE="text/css">

</STYLE>
通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD> </HEAD>部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用 LINK标签：将样式规则写在.css的样式档案中，再以<LINK>标签引入。
假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用该样式档案中所制定好的样式了。通常是将LINK标签写在网页的<head></head>部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。

四、使用@import引入：跟LINK用法很像，但必　放在<STYLE>...</STYLE> 中。
<STYLE TYPE="text/css">

</STYLE>
例如：
<STYLE TYPE="text/css">

</STYLE>
要注意的是，行末的分号是绝对不可少的！

六十四 得到当前网页名字的两种方法

<scri pt>
var str=location.pathname;
a=str.substr(str.lastIndexOf("/")+1)
alert(a)
a=location.pathname.replace(/(.+)<///>/,"")
alert(a)
</sc ript>

六十五 链接注释里显示图片的脚本

<table width=100 style="position: relative; left: 220;top:120">
<tr><td width="100%" style="visibility: hidden" id=jj><font color=red>这是本站的图片</font><br><img src=http://www.zydn.net/ltimg/F14.gif></td></tr>
</table>
<span id=ye style="position: absolute; left: 200; top: 200" οnmοuseοver="jj.style.visibility='visible'" οnmοuseοut="setTimeout('jj.style.visibility=/'hidden/'',3000)"><a href=http://www.ziyuetang.com>紫月堂俱乐部</a></span>

六十六 提交页面post 和 get方法有什么区别

1、Get 方法通过 URL 请求来传递用户的数据，将表单内各字段名称与其内容，以成对的字符串连接，置于 action 属性所指程序的 url 后，如http://www.domain.com/test.asp?name=51js&password=51js，数据都会直接显示在 url 上，就像用户点击一个链接一样；Post 方法通过 HTTP post 机制，将表单内各字段名称与其内容放置在 HTML 表头(header)内一起传送给服务器端交由 action 属性能所指的程序处理，该程序会通过标准输入(stdin)方式，将表单的数据读出并加以处理

2、 Get 方式需要使用 Request.QueryString 来取得变量的值；而 Post 方式通过 Request.Form 来访问提交的内容

3、 Get 方式传输的数据量非常小，一般限制在 2 KB 左右，但是执行效率却比 Post 方法好；而 Post 方式传递的数据量相对较大，它是等待服务器来读取数据，不过也有字节限制，这是为了避免对服务器用大量数据进行恶意攻击，根据微软方面的说法，微软对用 Request.Form() 可接收的最大数据有限制，IIS 4 中为 80 KB 字节，IIS 5 中为 100 KB 字节

建议：除非你肯定你提交的数据可以一次性提交，否则请尽量用 Post 方法

4、 Get 方式提交数据，会带来安全问题，比如一个登陆页面，通过 Get 方式提交数据时，用户名和密码将出现在 URL 上，如果页面可以被缓存或者其他人可以访问客户这台机器，就可以从历史记录获得该用户的帐号和密码，所以表单提交建议使用 Post 方法；Post 方法提交的表单页面常见的问题是，该页面如果刷新的时候，会弹出一个对话框

建议：出于安全性考虑，建议最好使用 Post 提交数据

六十七 最简单的计数器，防刷新

<%        dim conn
    dim connstr
    dim db
    db="cnt.mdb"
    Set conn = Server.CreateObject("ADODB.Connection")
    connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(""&db&"")
    conn.Open connstr%>
gg=""
<%'on error resume next
response.expires=0
application.lock
dim style,rs,sql,todaycount,todayipcount,ccount,g,c,i,countlong,todaydate
dim userip,vpage,connip,country,city,tip,sip1,sip2,sip3,sip4,DBPathip,connstrip,ip,screenwidth
dim url1,url2,url,urlview,urlimg
dim cookiepath
url1=request.servervariables("server_name")
url2=request.servervariables("url")
url="http://"&url1&url2
urlimg=replace(url,"count.asp","img")
set rs=server.createobject("adodb.recordset")
sql="select * from cn where id=1"
rs.open sql,conn,3,2
'*************一天一台机子记数一次*************
if request.cookies("dscount")=empty then
response.cookies("dscount")="yes"
rs("count")=rs("count")+1
rs.update
end if
ccount=rs("count")
rs.close
set rs=nothing
conn.close
set conn=nothing
application.unlock
'*******************用图片显示访问总数***********************
g=cstr(ccount)
c=len(g)
countlong=6
if int(c)<int(countlong) then
for i=1 to int(countlong)-int(c)%>
gg=gg+"<img border=0 src=<%=urlimg%>/0.gif>"
<%
next
end if
for i=1 to c
%>
gg=gg+"<img border=0 src=<%=urlimg%>/<%=mid(g,i,1)%>.gif>"
<%
next
%>
document.write (gg)
<%'response.write err.deion%>

六十八 <marquee>标记详解

<marquee
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height＝n
hspace＝n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop＝n>
　　可以看出由于活动字幕的显示方式多种多样，可选的参数也很多。下面解释一下各参数的含义：
align：是设定活动字幕的位置，不过除了居左、居中、居右三种位置外，又增加靠上（align=top）和靠下（align=bottom）两种位置。
Bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。
Direction：用于设定活动字幕的滚动方向是向左、向右、向上、向下。
Behavior：用于设定滚动的方式，主要由三种方式：behavior="scroll"表示由一端滚动到另一端；behavior="slide":表示由一端快速滑动到另一端，且不再重复； behavior="alternate"表示在两端之间来回滚动。
Height：用于设定滚动字幕的高度。
Width：则设定滚动字幕的宽度。
Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount：用于设定活动字幕的滚动距离。
scrolldelay：用于设定滚动两次之间的延迟时间。
Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。
　　<marquee>标记的默认情况是向左滚动无限次，字幕高度是文本高度，滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。

六十九 一劳永逸，解决IE中显示图表的问题！！！

只需要在iframe中载入图表绘制文件chart.htm，在该URL后带入绘制参数，就可以实现各种图表的定制显示，有点类传applet的传值方式，绿色嵌入，无侵入性，方便又实用哦~~

柱形图
<iframe id=w1 style=width:600;height:360></iframe>
<scri pt>
var v="季度,东部,中部,北部;1季度,20.4,30.6,90;2季度,27.4,38.6,34.6;3季度,45.9,0,0"
w1.location="http://elf.jsgame.net/chart.htm?value="+v+"&type=bar&showVal=t&vname=销售额(w)&title=月统计图&background=#ffffe0"
</scr ipt>

折线图
<iframe id=w1 style=width:600;height:360></iframe>
<s cript>
var v="季度,东部,中部,北部;1季度,20.4,30.6,90;2季度,27.4,38.6,34.6;3季度,45.9,0,0"
w1.location="http://elf.jsgame.net/chart.htm?value="+v+"&type=lines&showVal=t&vname=销售额(w)&title=月统计图&background=#ffffe0"
</scri pt>

扇形图
<iframe id=w1 style=width:600;height:360></iframe>
<sc ript>
var v="季度,东部,中部,北部;1季度,20.4,30.6,90;2季度,27.4,38.6,34.6;3季度,45.9,0,0"
w1.location="http://elf.jsgame.net/chart.htm?value="+v+"&type=pie&showVal=t&vname=销售额(w)&title=月统计图&background=#ffffe0"
</scr ipt>

char.htm内容的代码：
<scri pt>
function ct(){
this.ac="green,yellow,red,blue,gray".split(",")
this.getCss=function(css,k,df){
  if(css==null)
   return def==null ? "" : df
  var r=new RegExp("(^|)"+k+":(<^/;>*)(/;|$)","gi")
  var a=r.exec(css.replace(/=/g,":").replace(/ /g,"").toLowerCase())
  return a==null ? (df==null ? "" : df) : (isNaN(a<2>)||a<2>=="" ? a<2> : parseInt(a<2>))
}
this.bar=function(vList,css){
  var l="",a,n,s,hsz,max=0,cx=20,ch
  var pw=this.getCss(css,"width",500),ph=this.getCss(css,"height",300)
  if(ph<150||pw<150){
   alert("图表区域太小，中断输出！")
   return
  }
  a=vList.split(";")
  for(var i in a){
   a=a.split(",")
   for(var j in a){
    if(i>0&&j>0)
     if(parseInt(a)>max)
      max=parseInt(a)
   }
  }
  if(max==0)
   return
  hsz=(ph-100)/max
  n=(vList.length-vList.replace(/;/g,"").replace(/,/g,"").length)*20+20
  if(pw<n)
   pw=n
  l+="<v:rect fillcolor='"+this.getCss(css,"background","white")+"' style='position:absolute;left:0;top:0;width:"+pw+";height:"+ph+"'><v:shadow on=t type=emboss opacity=80% offset='3px,3px' offset2='5px,5px' /></v:rect>"
  l+="<v:line from="+30+","+(ph-30)+" to="+30+","+10+"><v:stroke startarrow=none endarrow=classic /></v:line>"
  l+="<v:line from="+30+","+(ph-30)+" to="+(pw-10)+","+(ph-30)+"><v:stroke startarrow=none endarrow=classic /></v:line>"
  l+="<span style='position:absolute;z-index:3;font:12;left:220;top:10'>"+this.getCss(css,"title")+"</span>"
  l+="<span style='position:absolute;z-index:3;font:12;left:"+(pw-50)+";top:"+(ph-20)+"'>"+a<0><0>+"</span>"
  l+="<span style='position:absolute;z-index:3;font:12;left:10;top:10;width:5;word-break:break-all'>"+this.getCss(css,"vname")+"</span>"

  for(i=0;i<5;i++){
   l+="<v:line from="+30+","+(70+i*(ph-100)/5)+" to="+(pw-10)+","+(70+i*(ph-100)/5)+" strokecolor=#c0c0c0><v:stroke dashstyle=dash /></v:line>"
   l+="<span style='position:absolute;z-index:3;font:12;left:"+10+";top:"+(65+i*(ph-100)/5)+"'>"+(parseInt(max)*(5-i)/5)+"</span>"
  }

  for(i in a){
   for(j in a){
    if(i==0){
     if(j>0){
      l+="<v:rect fillcolor='"+this.ac+"' style='position:absolute;left:"+(j*80-20)+";top:30;width:20;height:20' />"
      l+="<span style='position:absolute;z-index:3;font:12;left:"+(j*80+5)+";top:35'>"+a+"</span>"
     }
    }
    else{
     if(j==0)
      l+="<span style='position:absolute;z-index:3;font:12;left:"+(i*40)+";top:"+(ph-25)+"'>"+a+"</span>"
     else{
      ch=a*hsz
      if(i>1){
       oh=parseInt(a*hsz)
       l+="<v:line from="+((i-1)*40)+","+(ph-oh-30)+" to="+(i*40)+","+(ph-ch-30)+" strokecolor='"+this.ac+"' />"
      }
      l+="<v:rect title='"+a+"' fillcolor='"+this.ac+"' style='z-index:3;position:absolute;left:"+(i*40-1)+";top:"+(ph-ch-31)+";width:3;height:"+3+"' />"
      if(this.getCss(css,"showVal")=="t")
       l+="<span style='position:absolute;z-index:3;font:12;left:"+(i*40-5)+";top:"+(ph-ch-42)+"'>"+a+"</span>"
     }
    }
   }
  }
  return l

}
this.pie=function(vList,css){
  var l="",a,i,j,n,s,amt,dx=0
  var pw=this.getCss(css,"width",500),ph=this.getCss(css,"height",300)
  if(ph<150||pw<150){
   alert("图表区域太小，中断输出！")
   return
  }
  a=vList.split(";")
  n=a.length*170-130
  if(pw<n)
   pw=n
  l+="<v:rect fillcolor='"+this.getCss(css,"background","white")+"' style='position:absolute;left:0;top:0;width:"+pw+";height:"+ph+"'><v:shadow on=t type=emboss opacity=80% offset='3px,3px' offset2='5px,5px' /></v:rect>"
  l+="<span style='position:absolute;z-index:3;font:12;left:220;top:10'>"+this.getCss(css,"title")+"</span>"
  if(a.length==2)
   dx=pw/2-100
  if(a.length==3)
   dx=pw/2-180
  for(i in a){
   a=a.split(",")
   amt=0
   for(j=1;j<a.length;j++){
    amt+=parseFloat(a)
   }
   sa=0
   for(j in a){
    if(i==0){
     if(j>0){
      l+="<v:rect fillcolor='"+this.ac+"' style='position:absolute;left:"+(j*80-20)+";top:30;width:20;height:20' />"
      l+="<span style='position:absolute;z-index:3;font:12;left:"+(j*80+5)+";top:35'>"+a+"</span>"
     }
    }
    else{
     if(j==0){
      l+="<span style='position:absolute;z-index:3;font:12;left:"+(i*170-90+dx)+";top:"+(ph-50)+"'><nobr>"+a+"("+amt+")</nobr></span>"
     }
     else{
      ea=a*360/amt+sa
      if(j==a.length-1)
       ea=0
      if(a>0)
       l+=this.getPie(60,sa,ea,"title:"+a+";val:"+(parseInt((10000*a/amt))/100)+"%;x:"+(i*170-70+dx)+";y:"+(ph/2+10)+";background:"+this.ac)
      sa=ea
     }
    }
   }
  }
  return l
}
this.getPie=function(r,sa,ea,css){
  var sf,ef,sx,sy,ex,ey
  var title=this.getCss(css,"title"),val=this.getCss(css,"val")
  var x=parseInt(this.getCss(css,"x",0)),y=parseInt(this.getCss(css,"y",0))
  sf=Math.PI*(sa/180)
  ef=Math.PI*(ea/180)
  sy=parseInt(r*Math.sin(sf))
  sx=parseInt(r*Math.cos(sf))
  ey=parseInt(r*Math.sin(ef))
  ex=parseInt(r*Math.cos(ef))

  s="m0,0l"+sx+","+sy+"ar-"+r+",-"+r+","+r+","+r+","+ex+","+ey+","+sx+","+sy+",l0,0xe"
  l="<v:shape path='"+s+"' title='"+title+"' coordsize=1,1 style='position:absolute;width:1;height:1;left:"+this.getCss(css,"x","0")+";top:"+this.getCss(css,"y","0")+"' fillcolor='"+this.getCss(css,"background","white")+"' />"
  if(ef==0)
   ef=270
  var cx=(r+10)*Math.cos((sf+ef)/2),cy=(r+10)*Math.sin((sf+ef)/2)
  l+="<span style='position:absolute;z-index:3;font:12;left:"+(cx+x-10)+";top:"+(cy+y-5)+"'>"+val+"</span>"
  return l
}
this.draw=function(vList,css){
  var l,type=this.getCss(css,"type")
  if(type=="pie")
   l=this.pie(vList,css)
  else if(type=="lines")
   l=this.lines(vList,css)
  else
   l=this.bar(vList,css)
  return l
}
}
</sc ript>
<html xmlns:v>
<style>v/:*{behavior:url(#default#VML)}</style>
<body onselectstart=return(false) οndragstart=return(false) οncοntextmenu=return(false) style=margin:0;border:0;cursor:default;font-size:12>
<sc ript>
var ct1=new ct()
var l,v,css
l=location.href
if(l.indexOf("?")==-1){
document.write("没有绘图参数")
}
else{
l=l.slice(l.indexOf("?"))
v=l.slice(7,l.indexOf("&"))
css=l.slice(l.indexOf("&")+1).replace(/&/g,";").replace(/=/g,":")
document.write(ct1.draw(v,css))
}
</scr ipt>
</body>
</html>

五十六鼠标划过，表格变色

<table cellpadding="0" cellspacing="0" width="100%">
<tr οnmοuseοver="this.bgColor='red'" οnmοuseοut="this.bgColor=''">
<td>This is only an Example</td><td>This is only an Example</td>
</tr></table>

五十七tbody区域滚动条

<HTML><HEAD><TITLE>锁定表格栏位范例网页</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
    FONT: 12px 细明体; CURSOR: default
}
TD {
    FONT: 12px 细明体; CURSOR: default
}
.title {
    BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 4px; BACKGROUND: #ccc; PADDING-BOTTOM: 4px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; CURSOR: hand; PADDING-TOP: 4px; BORDER-BOTTOM: #555 1px solid; WHITE-SPACE: nowrap
}
.cdata {
    BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; WHITE-SPACE: nowrap
}
</STYLE>

<SC RIPT language=JavaScr ipt >
// 栏位标题 ( 栏位名称 # 栏位宽度 # 资料对齐 )
var DataTitles=new Array(
"歌手 / 团体#90 #left" ,
"专辑名称   #130#left" ,
"发行公司   #110#left" ,
"本周排名   #58 #center",
"排名状况   #58 #center",
"上周排名   #58 #center",
"上榜周数   #58 #center",
"最高名次   #58 #center",
"销售百分比 #70 #center")

// 栏位资料 ( 二维阵列 )
var DataFields=new Array()
DataFields<0> =new Array("萧亚轩" ,"爱的主打歌-吻"   ,"维京 Virgin"    ,"1" ,"持平" ,"1" ,"2","1" ,"2.9 %")
DataFields<1> =new Array("张惠妹" ,"发烧"            ,"华纳 Warner"    ,"2" ,"持平" ,"2" ,"2","2" ,"2.1 %")
DataFields<2> =new Array("陶吉吉" ,"黑色柳丁"        ,"全员集合 Shock" ,"3" ,"持平" ,"3" ,"5","1" ,"1.8 %")
DataFields<3> =new Array("S.H.E"   ,"美丽新世界"      ,"华研 HIM"       ,"4" ,"持平" ,"4" ,"6","1" ,"1.2 %")
DataFields<4> =new Array("艾薇儿" ,"展翅高飞"        ,"博德曼 BMG"     ,"5" ,"新进榜","-" ,"1","5" ,"1.1 %")
DataFields<5> =new Array("任贤齐" ,"一个任贤齐"      ,"滚石 Rock"      ,"6" ,"新进榜","-" ,"1","6" ,"1.0 %")
DataFields<6> =new Array("范逸臣" ,"范逸臣第一张专辑","丰华 Forward"   ,"7" ,"持平" ,"7" ,"2","7" ,"0.9 %")
DataFields<7> =new Array("谢霆锋" ,"无形的他全精选" ,"新力 Sony"      ,"8" ,"下跌" ,"6" ,"4","4" ,"0.9 %")
DataFields<8> =new Array("周蕙"    ,"寂寞城市"        ,"福茂 Decca"     ,"9" ,"下跌" ,"5" ,"3","5" ,"0.8 %")
DataFields<9> =new Array("周杰伦" ,"八度空间"        ,"博德曼 BMG"     ,"10","下跌" ,"8" ,"8","1" ,"0.8 %")
DataFields<10>=new Array("酷玩乐团","玩过头"          ,"科艺百代 EMI"   ,"11","上升" ,"16","2","11","0.7 %")
DataFields<11>=new Array("张震岳" ,"等我有一天"      ,"魔岩 Magicstone","12","新进榜","-" ,"1","12","0.6 %")
DataFields<12>=new Array("堂本刚" ,"红与蓝"          ,"艾回 Avex"      ,"13","新进榜","-" ,"1","13","0.6 %")
DataFields<13>=new Array("ENERGY" ,"COME ON"         ,"环球 Universal" ,"14","下跌" ,"10","9","5" ,"0.6 %")
DataFields<14>=new Array("陈冠希" ,"TRANSITION"      ,"艾回 Avex"      ,"15","下跌" ,"9" ,"3","5" ,"0.4 %")
DataFields<15>=new Array("合辑"    ,"MTV 嘻哈大师"    ,"环球 Universal" ,"16","下跌" ,"12","3","12","0.4 %")

</SCR IPT>

<SC RIPT language=JavaScr ipt>
var BoxWidth = 480    // 资料表显示宽度 ( 不含卷轴 )
var ShowLine = 10    // 资料表显示列数
var RsHeight = 21    // 资料列高度
var LockCols = 1    // 要锁定的栏位数 ( 由左至右 )

function ResetTable(n){
var iBoxWidth=0
for(i=0;i<DataTitles.length;i++){
if(i<(n+1)){
var cTitle=DataTitles.split("#")
iBoxWidth+=parseInt(cTitle<1>)
}
}
if(iBoxWidth>BoxWidth){
var Sure=confirm("/n锁定栏位的宽度大於资料表显示的宽　　/n/n度，这可能会造成版面显示不正常。/n/n/n您确定要继续吗？")
}else{
Sure=true
}
if(Sure){
LockCols=(LockCols==n+1)?0:n+1
WriteTable()
}
}

function SYNC_Roll(){
DataGroup1.style.posTop=-DataFrame3.scrollTop
DataGroup2.style.posTop=-DataFrame3.scrollTop
}
window.οnlοad=WriteTable
</SCRIP T>

<META content="MSHTML 6.00.2800.1170" name=GENERATOR></HEAD>
<BODY>
<CENTER>
<H4>锁定表格栏位范例网页</H4>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
    <TD
    style="BORDER-RIGHT: white 2px inset; BORDER-TOP: white 2px inset; BORDER-LEFT: white 2px inset; BORDER-BOTTOM: white 2px inset; BACKGROUND-COLOR: scrollbar">
      <DIV id=DataTable></DIV></TD></TR></TBODY></TABLE>
<P>点取栏位标题可重新设定或解除目前的锁定状态</P></CENTER></BODY></HTML>

十一如何让iframe根据内容适应高度

十二屏蔽右键

<a href="http://ziyuetang.com" οnmοusedοwn="if(event.button==2)alert('禁止')">ywicc.com</a>

十三网页屏保

< language="Java">
function screensave(){
test.value++;
if(test.value==5){
test.style.display='none';
document.all<4>.bgColor='black';
}
}
function screenopen(){
test.value=0;
test.style.display='';
document.all<4>.bgColor='';
}
</>
<body οnkeydοwn="screenopen()" οnmοusemοve="screenopen()" οnlοad="setInterval('screensave()',1000)">‡ 秒屏保<input id="test">

十四定义打开网页时起始窗口的大小

< for="window" event="onload">
window.resizeTo(500,300)
</>

十五输入字母、数字的正则表达式

<input οnkeyup="this.value = this.value.replace(/<^a-zA-Z/d>/g,'')" onbeforepaste="this.value = this.value.replace(/<^a-zA-Z/d>/g,'')">

十六不随页面滚动的层

十七一个表单里的同一个按钮提交两个页面

< language="Java">
function testform(){
window.open('','t1');
form1.action='1.htm';
form1.target='t1';
form1.submit();
window.open('','t2');
form1.action='2.htm';
form1.target='t2';
form1.submit();
window.open('','t3');
form1.action='3.htm';
form1.target='t3';
form1.submit();
}
</>
<form name="form1">
<input name="test">
<input type="button" value="submit" onClick="testform()">
</form>

十八判断是不是数字

十九alt和title的分行

二十window.close()怎样使得关闭窗口时，ie不弹出确认对话框

二十一判断分辨率

<sc ript>
alert(screen.width+'*'+screen.height)
</scr ipt>

二十二关闭窗口三种办法

方法一：window.close();
通常情况下：window.opener=null;window.close();都是可行的。
方法二：
<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
但在通常的网页中，结果是：“仅在HTML帮助中才有此功能”！

方法三：
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2
height=0 width=0></OBJECT>

window.document.all.WebBrowser.ExecWB(45,1);
此法有限制，就是要降低IE的安全级别。

二十三注册名字只能由中文或半角大小写字母或半角数字组成
其他带有任何制表符号例如"_","."，日文空格全角的都不通过
并且含有禁注册字符时会有对应的alert

<scr ipt language="JavaScr ipt">

</scri pt>
<input name="txt">
<input type="button" value="判断注册是否合法" onClick="JS_Test(txt.value)">