整理的一些建站中常见的问题与解决代码
一检查是否为首页
function fnVerify(){
sQueryHome = oHomePage.isHomePage(oHomeHref.value);
alert(sQueryHome);
event.returnValue = false;
}
二判断一个层是否被隐藏
三如何做网站中滚动的文字，还带超链接
四如何在java中使表单中的一个按钮无效
五可不可以做一个JS是只这个移动功能，在做网页时，想让哪个表格移动，就调用这个JS？
( 方法一 )
< LANGUAGE="Java">
| title1 |
| content |
| title2 |
| content |
( 方法二 )
< LANGUAGE="Java">
| title1 |
| content |
| title2 |
| content |
六刷新框架
我有一个框架网页，左右2个网页，现在我在主窗口（右页面）登陆后返回到主窗口页面，我如何让左边页面也能刷新呢？
或者在页面的最后:
<>
//leftFrame指左边框架的名字
parent.leftFrame.location.reload();
七ID与name的区别
一个元素定义了id，引用该元素时直接用id属性，而name通常用在form中，且必须由document.form.***而来，也就是说，name属性定义的元素在脚本中是document对象的子对象。
我说不太清楚，反正这么个意思。
此外，ID标识在一个页面中原则上应该唯一，而name则不一定。
八我要用文字做按扭提交表单，不用input，怎么做？
九图片reset表单
十页面有多个CSS做个check box让用户选择
< LANGUAGE=java>
请选择下面的下拉菜单测试换肤效果
二十四只能输入数字正则
二十五只能输入中文正则
二十六隐去浏览器中当鼠标移到图片上跳出的工具栏
或者
二十七同一个页面多种超链接样式
二十八js动态给一个DIV插入一个表格
二十九让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
三十form问题
form问题
在一个form中只有一个input输入框的情况下...在这个input输入框中按enter的话，form就会被提交。如何避免这样的情况出现?
三十一CSS在文字下面加两横
huerreson
huerreson
两横
三十二用回车提交表单
三十三让文字域里面的文字不可修改
禁用
不可修改
三十四通过层来实现渐淡淡出
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=50
}
ywicc.com
三十五取消选取、防止复制
111111111111111111111111111111111
三十六关闭输入法
三十七永远都会带着框架
三十八防止被人frame
三十九网页将不能被另存为
四十删除时确认
四十一网页不会被缓存
或者
四十二怎样让表单没有凹凸感 四十七电子邮件处理提交表单 四十八子窗口刷新父窗口 五十检查一段字符串是否全由数字组成 五十一限制下拉选择的宽度 五十二打开一个新的窗口，而窗口的宽度和高度则是这个图片的实际的高和宽 五十三弹出的窗口居中 方法一 方法二 五十四用IE弹出IE窗口 五十五单击表格中某个单元格则这个单元格变颜色 五十八 ASP编程中几个个非常有用的例子 1.如何用Asp判断你的网站的虚拟物理路径 六十 怎样在一个页面上实现竖排文字 This example shows how to use the writing-mode attribute to The following DIV element has a writing-mode of tb-rl 六十一 DHTML中重要的属性方法 （献给DHTML初学者） 六十二 JavaSc ript Js事件触发列表与解说 六十三 引入样式表(css)的四种方式 一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 六十四 得到当前网页名字的两种方法 六十五 链接注释里显示图片的脚本 六十六 提交页面post 和 get方法有什么区别 六十七 最简单的计数器，防刷新 <% dim conn 六十八 六十九 一劳永逸，解决IE中显示图表的问题！！！ 只需要在iframe中载入图表绘制文件chart.htm，在该URL后带入绘制参数，就可以实现各种图表的定制显示，有点类传applet的传值方式，绿色嵌入，无侵入性，方便又实用哦~~ 折线图 扇形图 char.htm内容的代码： for(i=0;i<5;i++){ for(i=0;i<5;i++){ 五十六鼠标划过，表格变色 五十七tbody区域滚动条 // 栏位资料 ( 二维阵列 ) function WriteTable(){ // 写入表格 function ApplyData(){ // 写入资料 function ResetTable(n){ function SYNC_Roll(){ 点取栏位标题可重新设定或解除目前的锁定状态 十一如何让iframe根据内容适应高度 十二屏蔽右键 十三网页屏保 < language="Java"> 十四定义打开网页时起始窗口的大小 < for="window" event="onload"> 十五输入字母、数字的正则表达式 十六不随页面滚动的层 十七一个表单里的同一个按钮提交两个页面 < language="Java"> 十八判断是不是数字 十九alt和title的分行 二十window.close()怎样使得关闭窗口时，ie不弹出确认对话框 二十一判断分辨率 二十二关闭窗口三种办法 方法一：window.close(); 二十三 注册名字只能由中文或半角大小写字母或半角数字组成
或
四十三
用来定义同一行内的元素，跟
四十四让弹出窗口总是在最上面
四十五不要滚动条
让竖条没有:
让横条没有:
两个都去掉？更简单了:
四十六怎样去掉图片链接点击后，图片周围的虚线
window.opener.location.reload()
四十九在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
myWin=window.open("about:blank","","width=200,height=160");
myWin.moveTo(screen.width/2-100,screen.height/2-80);
t = 200;
l = 200;
window.open('about:blank','','width='+l+',height='+t+',top='+(screen.availHeight/2-t/2)+',left='+(screen.availWidth/2-l/2));
window.showModalDialog("about:
window.open("你要弹出的地址","w_name","")
function test(t) {
for (var i=0; i
t.rows.cells.bgColor = t.rows.cells == event.srcElement ? 'red' : '';
}
答：使用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 更新数据表记录
五十九 window.open的例子和使用方法以及参数说明（完整版）
一、window.open()支持环境： JavaScri pt1.0+/JScr ipt1.0+/Nav2+/IE3+/Opera3+
二、基本语法：
window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
三、示例：
脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。
请对照。
上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。
四、各项参数
其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。
参数 | 取值范围 | 说明
| |
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上writing-mode Attribute
display horizontal text (lr-tb) within vertical text
(tb-rl).
and contains text and SPAN child elements. The text flow alternates
between vertical and horizontal. Note the effect of the BR element
after the second set of vertical text.
First Set of Vertical Text
First Set of Horizontal Text
Second Set of Vertical Text plus a line break
Second Set of Horizontal Text
Third Set of Vertical Text
Third Set of Horizontal Text
作者：mrfool转贴 整理日期：2004年6月17日
由 于DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按 字母来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node and node),想学习DHTML中的DOM千万不要从头到尾地看遍所有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一下：
其实DOM教给我们的就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录……
根节点：
DOM把层次中的每一个对象都称之为节点（NODE），以HTML超文本标记语言为例：整个文档的一个根就是,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点（ROOT）
子节点：
一般意义上的节点，根节点以下最大子节点就是主文档区
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()
一般事件
事件
浏览器支持
描述
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当对象的初始化属性值发生变化时触发的事件
<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如：
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签： 将样式规则写在标签之中。
例如：
通 常是将整个的 结构写在网页的 部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不 足。
三、使用 LINK标签： 将样式规则写在.css的样式档案中，再以标签引入。
假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入： 跟LINK用法很像，但必 放在 中。
例如：
要注意的是，行末的分号是绝对不可少的！
var str=location.pathname;
a=str.substr(str.lastIndexOf("/")+1)
alert(a)
a=location.pathname.replace(/(.+)/,"")
alert(a)
紫月堂俱乐部
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 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)
gg=gg+"/0.gif>"
<%
next
end if
for i=1 to c
%>
gg=gg+"/<%=mid(g,i,1)%>.gif>"
<%
next
%>
document.write (gg)
<%'response.write err.deion%>
柱形图
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"
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"
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"
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
l+="
l+="
l+="
l+=""+this.getCss(css,"title")+""
l+=""+a<0><0>+""
l+=""+this.getCss(css,"vname")+""
l+="
l+=""+(parseInt(max)*(5-i)/5)+""
}
for(i in a){
for(j in a){
if(i==0){
if(j>0){
l+="
l+=""+a+""
}
}
else{
if(j==0)
l+=""+a+""
else{
ch=a*hsz
l+="
if(this.getCss(css,"showVal")=="t")
l+=""+a+""
cx+=20
}
}
}
cx+=20
}
return l
}
this.lines=function(vList,css){
var l="",a,n,s,hsz,max=0,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=a.length*40+40
if(pw
l+="
l+="
l+="
l+=""+this.getCss(css,"xname")+""
l+=""+a<0><0>+""
l+=""+this.getCss(css,"title")+""
l+="
l+=""+(parseInt(max)*(5-i)/5)+""
}
for(i in a){
for(j in a){
if(i==0){
if(j>0){
l+="
l+=""+a+""
}
}
else{
if(j==0)
l+=""+a+""
else{
ch=a*hsz
if(i>1){
oh=parseInt(a*hsz)
l+="
}
l+="
if(this.getCss(css,"showVal")=="t")
l+=""+a+""
}
}
}
}
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
l+="
l+=""+this.getCss(css,"title")+""
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
amt+=parseFloat(a)
}
sa=0
for(j in a){
if(i==0){
if(j>0){
l+="
l+=""+a+""
}
}
else{
if(j==0){
l+="
}
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="
if(ef==0)
ef=270
var cx=(r+10)*Math.cos((sf+ef)/2),cy=(r+10)*Math.sin((sf+ef)/2)
l+=""+val+""
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
}
}
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))
}This is only an Example This is only an Example
// 栏位标题 ( 栏位名称 # 栏位宽度 # 资料对齐 )
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 %")
var BoxWidth = 480 // 资料表显示宽度 ( 不含卷轴 )
var ShowLine = 10 // 资料表显示列数
var RsHeight = 21 // 资料列高度
var LockCols = 1 // 要锁定的栏位数 ( 由左至右 )
var iBoxWidth=BoxWidth
var NewHTML="
"/ " /
for(i=0;i
iBoxWidth-=cTitle<1>
var DynTip=((i+1)==LockCols)?"解除锁定":"锁定此栏位"
NewHTML+="
}
}
NewHTML+="/
/" /
for(i=0;i
var cTitle=DataTitles.split("#")
NewHTML+="
}
}
NewHTML+="/
//
/
DataTable.innerHTML=NewHTML
ApplyData()
}
var NewHTML=""
"
for(i=0;i" "
for(j=0;j
NewHTML+="
}
}
NewHTML+="
}
NewHTML+="
DataGroup1.innerHTML=NewHTML
var NewHTML=""
"
for(i=0;i" "
for(j=0;j
var cTitle=DataTitles.split("#")
NewHTML+="
}
}
NewHTML+="
}
NewHTML+="
DataGroup2.innerHTML=NewHTML
DataFrame1.style.pixelHeight=RsHeight*ShowLine
DataFrame2.style.pixelHeight=RsHeight*ShowLine
DataFrame3.style.pixelHeight=RsHeight*ShowLine+RsHeight
DataGroup3.style.pixelHeight=RsHeight*(DataFields.length+1)
}
var iBoxWidth=0
for(i=0;i
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()
}
}
DataGroup1.style.posTop=-DataFrame3.scrollTop
DataGroup2.style.posTop=-DataFrame3.scrollTop
}
window.οnlοad=WriteTable锁定表格栏位范例网页
style="BORDER-RIGHT: white 2px inset; BORDER-TOP: white 2px inset; BORDER-LEFT: white 2px inset; BORDER-BOTTOM: white 2px inset; BACKGROUND-COLOR: scrollbar">
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='';
}
window.resizeTo(500,300)
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();
}
alert(screen.width+'*'+screen.height)
通常情况下：window.opener=null;window.close();都是可行的。
方法二：
本例适用于IE
但在通常的网页中，结果是：“仅在HTML帮助中才有此功能”！
方法三：
window.document.all.WebBrowser.ExecWB(45,1);
此法有限制，就是要降低IE的安全级别。
其他带有任何制表符号 例如"_","."，日文 空格 全角的都不通过
并且含有禁注册字符时会有对应的alert