tgyd2006 淡泊以明志，宁静而志远 http://tgyd2006.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 window.event的属性 tgyd2006 作者: tgyd2006  链接：http://tgyd2006.javaeye.com/blog/225588  发表时间: 2008年08月07日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

<script language="JavaScript" for="document" event="onmousemove">

document.getElementById("txt_offsetX").value = window.event.offsetX;
document.getElementById("txt_offsetY").value = window.event.offsetY;

document.getElementById("txt_screenX").value = window.event.screenX;
document.getElementById("txt_screenY").value = window.event.screenY;

document.getElementById("txt_clientX").value = window.event.clientX;
document.getElementById("txt_clientY").value = window.event.clientY;
</script>

<script language="JavaScript" for="document" event="onmousedown">
alert(window.event.button);
/*
语法：
event.button

可能的值：
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件，不管鼠标状态如何，都返回 0（比如onclick）
*/
</script>
<script language="JavaScript" for="document" event="onmouseup">
alert(window.event.button);

</script>

<script language="JavaScript">

function Show()
{
 document.getElementById("txt_offsetX").value = window.event.offsetX;
 document.getElementById("txt_offsetY").value = window.event.offsetY;
 alert("event.type:"+window.event.type);
 alert("event.propertyName:"+window.event.propertyName);
 
}

function mouse_over()
{
 alert("onmouseover事件触发\r\n" + "fieldset的id属性：" +window.event.toElement.id);
 //alert(window.event.fromElement.id);
}

function mouse_out()
{
 alert("onmouseout事件触发\r\n" + "fieldset的id属性：" + window.event.fromElement.id);
}

</script>

<SCRIPT LANGUAGE="JScript">
function cancelLink() {
    if (window.event.srcElement.tagName == "A" && window.event.shiftKey) //屏蔽 Shift+ckick 打开新窗口
        window.event.returnValue = false;
}
</SCRIPT>

<BODY onmousemove="window.status = 'X=' + window.event.x + ' Y=' + window.event.y" onclick="cancelLink()">

offsetX:<input type="text" id="txt_offsetX">screenX:<input type="text" id="txt_screenX">clientX:<input type="text" id="txt_clientX"><br />
offsetY:<input type="text" id="txt_offsetY">screenY:<input type="text" id="txt_screenY">clientY:<input type="text" id="txt_clientY"><br />
<input name="btn" id="btn" type="button" value="显示" onclick="Show()">

<br>
<fieldset style="width:500px;" onmouseover="mouse_over()" onmouseout="mouse_out()" id="fs">
<legend>测试</legend>
onmouseover,onmouseout事件 显示该fieldset的id属性
</fieldset>


<br />

<SCRIPT>
function changeProp()
{
    btnProp.value = "This is the new VALUE";
}
</SCRIPT>


<INPUT TYPE=button ID=btnProp onclick="changeProp()"
       VALUE="Click to change the VALUE property of this button"
       onpropertychange='alert("["+event.propertyName+"] property has changed value")'>


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 07 Aug 2008 18:03:01 +0800 http://tgyd2006.javaeye.com/blog/225588 http://tgyd2006.javaeye.com/blog/225588 close Window tgyd2006 作者: tgyd2006  链接：http://tgyd2006.javaeye.com/blog/225587  发表时间: 2008年08月07日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

----------------例子1------------
代码：

<script>

window.onbeforeunload = function() 
{
alert("111222");
  var n = window.event.screenX - window.screenLeft;
  var b = n > document.documentElement.scrollWidth-20;
  if(b && window.event.clientY < 0 || window.event.altKey)
  {
    window.event.returnValue = ""; 
  }
}


</script>
<!--   方法2 
<script language=javascript>
window.onbeforeunload = function()
{
  if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
  {
    window.event.returnValue = "";
  }
}
</script>
-->

<!--   方法3
如何让IE6.0右上角的“关闭”按钮失效？
实例1即可实现。
-----------------------------------
<script language=javascript>
window.onbeforeunload = function()
{
  if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
  {
    window.event.returnValue = "";
  }
}
</script>

2----------------------
没有关闭按扭
window.open("","","fullscreen=3")

3----------------------
屏蔽alt+f4
if (window.event.altKey && k == 115){
return false;
}
将1.复制到WEB页面中任何位置即可。J)育)kI{t育|1WRd%1

供教F2络z管.育M软d0

络mr5H7I*业.4"s
z教络kt&!va业5$s^:

eQ1x3Ad%l中~DK网NH教dBziNoq$n\+-
$@0R中[件rn2w*69

-->


----------------例子2------------
代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Confirm Before Leave</title>
<script language="javascript" type="text/javascript"><!--
var pb_strConfirmCloseMessage;
var pb_blnCloseWindow = false;
pb_strConfirmCloseMessage ="您真的要离开本页吗?";
function ConfirmClose() {
window.event.returnValue = pb_strConfirmCloseMessage;
pb_blnCloseWindow = true;
}
function ShowConfirmClose(blnValue) {
if(blnValue) {
document.body.onbeforeunload = ConfirmClose;
} else {
document.body.onbeforeunload = null;
}
}
//-->
</script>
</head>
<body onload="ShowConfirmClose(true);">
<input type=button value="提示" onclick="ShowConfirmClose(true);">
<input type=button value="不提示" onclick="ShowConfirmClose(false);">
<input type=button value="测试刷新" onclick="window.location.reload();">
</body>
</html>


----------------例子3------------
代码：

<html>   
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=iso-8859-1">   
  <OBJECT   id=closes   type="application/x-oleobject"   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">     
  <param   name="Command"   value="Close">     
  </object>   
  </head>   
  <body>   
  <p   align="center"><font   size="6">   
  <input   type="button"   value="CLOSE"   onclick="closes.Click();">   
  </font></p>   
  </body>   
  </html>


----------------例子4------------
代码：

<script language="javascript">
  g_blnCheckUnload = true;
  function RunOnBeforeUnload() {
     if (g_blnCheckUnload) {window.event.returnValue = 'You will lose any unsaved content';   
     }  
  }
</script>
<body  onbeforeunload="RunOnBeforeUnload()">
</body>

本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 07 Aug 2008 18:01:42 +0800 http://tgyd2006.javaeye.com/blog/225587 http://tgyd2006.javaeye.com/blog/225587 自我表现的七种方法 tgyd2006 作者: tgyd2006  链接：http://tgyd2006.javaeye.com/blog/213299  发表时间: 2008年07月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

假如你有惊世之才，但不懂得表现，那就等于自我埋没。同样，有上佳的才干却得不到别人的注意和赏识，也是枉然。
　　有时候，你需要的就是主动地自我推销和自我表现。
　　古时候都有“毛遂自荐”，何况在有着现代观念的今天。在现代职场，自我推销已是常有的事。自己的命运自己去开拓，正是一种现代时尚。
　　“人往高处走，水往低处流”，没有人希望永远居于他人之下，谁都希望自己的事业能够获得成功，能够得到上司的赏识、赢得同事的认同，相信这也是你的愿望。但别人不可能无缘无故地注意上你，那么你就应该主动去争取机会表现你自己。
　　争取表现机会的方法有很多：

　　1.展示自己的能力
　　当上司提出一项计划，需要员工配合执行时，你可以毛遂自荐，去充分表现你的工作能力。

　　2.适度渲染
　　担当琐碎的工作时，你不必把成绩向任何人展示，给人一个平实的印象。当你有机会担当一些比较重要的任务时，不妨把成绩有意无意地显示，增加你在公司的知名度。这一点非常重要，因为上司是否特别注意某个员工，往往是看该员工在公司的知名度如何。掩藏小事的成绩，渲染较大任务的成绩，可以收到实至名归的效果。

　　3.避免被小事拖垮
　　在衡量工作重要程度时，把可以令上司注意的项目排在最前面。因为上司一般并不重视琐碎事项的成绩。只要合理安排工作的顺序，向着目标奋勇前进，就不难脱颖而出，获得上司的青睐。

　　4.“将在外，军命有所不受”
　　对付庸碌的上司，你不一定要绝对地服从。不是所有的上司都喜欢逆来顺受的员工。特别精明强干的上司，会对那些略有反叛但为公司利益着想的员工产生好感。这里所说的适度的反叛，是指在不伤害上司尊严的原则下的“叛逆”，一个真正有能力的上司会欣赏这种具有分析能力的员工的。

　　5.不要过分谦虚
　　有时候，太过谦虚反而会吃亏。例如，几个同事完成一项艰巨的工作，上司询问有谁参加时，直言同事姓名后，不要忘了把自己的名字报上。心存谦厚之道，做“无名英雄”，试图以“美德”取胜，这是书呆子的做法。你自己不说，别人更加不会特别标榜你的名字，上司可能永远不知道你做了一件很了不起的事。很多时候，太过谦虚只能给人一种平凡、缺乏自信的印象。

　　6.保持最佳状态
　　别以为两个通霄连续加班，一脸疲惫的样子，会博得上司的赞赏和嘉勉。不错，他可能会拍拍你的肩膀满怀感激道：“辛苦你了”“全靠你了”等等的话，但是在他的心中则可能有另番话说，如“这个年轻人体力不好”“有更大的任务能胜任吗？”等等。因此，千万不要令上司对你产生同情之心，因为只有弱者才让人同情。如果上司同情你，表明他对你的能力产生怀疑。无论什么时候，在上司面前都要保持一贯的精神状态，这样他会不断交托给你更重要的任务，以便你更好地表现自己。

　　7.不断创新
　　让上司知道你是一个对工作十分投入的人，不仅如此，你还要尝试用不同的方法提高工作效率，使上司对你形成一个深刻的印象。一个灵活、不死板的人总会引人注目的。
　　总之，在工作中，你要主动争取机会，引起上司对你的注意和重视。
　　不要只做份内的工作，尽量把自己的才华适时地表现出来，让大家知道你是个多才多艺的人才，让自己拥有更多表演的舞台。
　　推销自己，表现长处，表现自己的才能，在出人头地的路上，赢得上司的赏识，同事的认同，你就会如愿以偿了。


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 10 Jul 2008 09:10:59 +0800 http://tgyd2006.javaeye.com/blog/213299 http://tgyd2006.javaeye.com/blog/213299 培养和锻炼语言表达能力 tgyd2006 作者: tgyd2006  链接：http://tgyd2006.javaeye.com/blog/213298  发表时间: 2008年07月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

语言表达能力是公司主管的一项重要能力。公司主管的一项重要任务就是传达和贯彻上级部门的指示和精神，部署本部门本系统的工作，把领导集体的科学决策准确、完整、有效地传达下去，调动部门的员工按照总体部署，有条不紊地开展工作，完成任务，从而提高效益，创造业绩。公司主管在工作中主持会议，上传下达工作指令，接待来访，参加社交活动，发表演讲和个别交谈都需要语言表达能力。作为公司主管，培养和锻炼表达能力是提高业务素质的一个非常重要的方面。

　　1.口头语言表达能力和书面语言表达能力
　　语言表达能力分为口头语言表达能力和书面语言表达能力。
　　口头表达能力，也就是口才，就是将自己的思想、观点、意见、建议，运用最生动、最有效的表达方式传递给听者，对听者产生最理想的影响效果的一种能力。公司主管的口头表达能力，主要包括：在各种会议上的演讲能力，对不同对象的说服能力，以及面对复杂情况应付各种“对手”的答辩能力。
　　在新闻传播日益先进的现代信息社会，公司主管都有可能随时遇到记者的采访，在必要的会议和场合发表演说，在各种社会活动中，随时有可能主动或被动地答辩一些问题，公司主管的口才就表现出其重要性。
　　文字表达能力，就是将自己的实践经验和决策思想，运用文字表达方式，使其系统化、科学化、条理化的一种能力。文字表达能力是公司主管必须具备的一种能力素质，古今中外，杰出的领导者都具有优秀的文字表达能力。
　　现代公司主管更需要优秀的书面表达能力，现实生活中有一些公司主管缺乏书面表达能力，这样使自己的领导潜力得不到更进一步的发挥。而那些具有良好的书面表达能力，善于总结经验，使自己的决策思想条理化、系统化、规范化的脱颖而出。

　　2.宣传能力
　　宣传能力是公司主管组织指挥能力的又一个重要方面。公司主管具有较强的宣传鼓动能力，宣传员工、教育员工、发动员工，才能干好领导工作。就一般而言，越是接近基层的公司主管，宣传能力越显得重要。有些事情从全局和长远来看十分必要，但是，需要局部或暂时做些必要的“牺牲”。在这种情况下，统一大家的认识也很困难。如果不统一大家的认识，就无法激发大家的工作热情和干劲，甚至各行其是，我行我素。因此，公司主管的宣传能力是十分重要的。

　　3.说服能力
　　说服能力是指公司主管在日常的工作中劝说下属或别的部门主管按照既定的计划执行的能力。说服，是以求得对方的理解和行动为目的的谈话活动。因此，说服的最大特征，就在于引起对方的关注。如果将单方面的想法强加在他人的头上，说服就不可能获得成功。就是说，说服的关键在于帮助对方产生自发的意志。因此，说服，不是为了使对方在思想上获得理解而进行的解说，也不是迫使对方在无奈之下付诸行动。
　　人们常说：“人生，就是从不间断的说服。”尤其是在商务领域，那里汇集着各种性格的人，为了达到共同的目标，大家必须同心协力，因此说服的场面更是俯拾皆是。如果说，工作就是不间断的说服，也并不过分。
　　公司主管在工作中，如果不对上司或同事、下属进行劝导和说服，工作就会一事无成。在部门内部，与其他部门之间的协调，说服能力是不可缺少的能力之一。很多事情，无论你多么勤奋，如果仅靠一个人的力量，最终将会一事无成。
　　但是，如果不主动出击，不积极与人交往，不向对方进行诱导，你就不可能得到他人的协作。
　　说服的基本力量由说服者的人格即“说服者是什么人”、劝告内容蕴含着的力量即“说什么”以及说服者的应变能力即“怎么说”三要素组成。我们将这三种要素统称为“说服能力”。说服能力是从三种要素的综合效果中产生的，不可能被某种单一的技巧所替代。

　　4.幽默能力
　　幽默的语言，能使公司主管更好地团结下属，造成宽松、愉快的气氛，促进与大家的思想、感情的交流，使他们更容易接受你的观点、主张和思想意图。同时也有助于改善公司主管的形象。
　　在一些令人尴尬的场合，恰当的幽默可以使气氛顿时变得轻松起来。可以利用幽默批评下属，这样不会使下属感到难堪。当然，对于那些悟性较差或顽固不化的人，幽默往往起不了作用。
　　幽默不是天生的，幽默是可以培养的。再呆板的人，只要自己努力都可以逐渐变得幽默起来。美国前总统里根以前也不是幽默的人，在竞选总统时，别人给他提出了意见。于是他采用了最笨的办法使自己幽默起来：每天背一篇幽默故事。
　　幽默不是讽刺，讽刺别人会使人厌恶，甚至产生对抗。讽刺式的幽默会让别人感觉你在利用别人的弱点或短处，会产生很不好的影响。

　　5.演讲能力
　　优秀的公司主管都有很好的演讲能力，他们无一例外是演讲的高手。演讲的作用在于让他人明白自己的观点，并鼓动他人认同这些观点。从这点出发，任何一名公司主管都应该学会利用演讲表达自己。
　　主管演讲的对象不一定是很多人，可能仅仅是自己个别的下属，演讲的场所不一定是在会场上，很可能是在与下属沟通时。
　　演讲的意义并不局限于演讲本身，演讲可以改善口头表达能力、增强自信、提高反应能力。这些素质会使你在对外交往和管理下属时游刃有余。
　　人的演讲能力主要与他的演讲次数成正比。也就是说，即便一个口才很笨拙的人，只要不断地去演讲，也会成为演讲高手。
　　培养自己演讲能力的惟一可行办法就是去演讲，如果你比较胆怯，可以在人少的场合演讲。实际上，演讲最难的就是第一次，只要克服了心理障碍，演讲并没有什么难度。

　　6.倾听能力
　　很多主管都有这样的体会，一位因感到待遇不公而愤愤不平的下属找你评理，你只需认真地听他倾诉，当他倾诉完时，心情就会平静许多，甚至不需你做出什么决定来解决此事。
　　这只是倾听的一大好处，善于倾听还有其他两大好处：一是让别人感觉你很谦虚，二是你会了解更多的事情。
　　每个人都认为自己的声音是最重要的，并且许多人都想迫不及待表达自己的愿望。在这种情况下，友善的倾听者自然成为最受欢迎的人。如果主管能够成为下属的倾听者，他就能满足下属的需要。
　　如果没有这方面的能力，就应该立即去培养。培养的方法很简单，只要牢记一条：当他人停止谈话前，绝不开口。


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 10 Jul 2008 09:08:11 +0800 http://tgyd2006.javaeye.com/blog/213298 http://tgyd2006.javaeye.com/blog/213298 js使用小技巧 tgyd2006 作者: tgyd2006  链接：http://tgyd2006.javaeye.com/blog/211721  发表时间: 2008年07月04日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

1.收藏时用图标显示

<link REL="SHORTCUT ICON" href="http://www.asp888.net/site.ico">

2.TD内容实现不换行

只要使用noWrap属性即可

3.获得客户端文件大小

<img src="http://www.webucn.com/web/images/banner.gif" onmouseover="this.alt='文件大小为：'+this.fileSize+'字节'">

4.动态删除元素

img1.removeNode(true)
5.模拟按键：
var WshShell = new ActiveXObject("WScript.Shell");
WshShell.sendKeys("{F11}");
6.以下语句不需要纠错判断

for(i=2;i<1;i++){}

7.把js文件群打包掉用

<script archive=utils.jar src=animation.js></script>

8.获得当前选中文本

document.getSelection()

9.获得对象在document.all[]中元素的下标

txt1.sourceIndex

10.滚动文档到窗口顶部或底部

txt1.scrollIntoView(true)

11.段落自动缩进

<p style=text-indent:26px>内容</p>

12.客户端IP地址

Request.ServerVariables("REMOTE_HOST")

13.元素投影(可彻底解决网页中投影问题)

filter:progid:DXImageTransform.Microsoft.Shadow(color='gray',Direction=135, Strength=3)

14.图片热区焦点隐藏

<img hideFocus>

15.不能在onload事件中open窗口，否则会被拦截

16.选择本地文件时改变图片源

<input type="file" onpropertychange="img.src=value">

17.获取文件路径

var str = "http://localhost/Home/manage/FCKeditor/dialog/fck_image.html"; str = str.replace(/[^\/]+$/,"");

18.js中的trim

String.prototype.trim = function()
{
  return this.replace(/(^[\s]*)|([\s]*$)/g, "");
}

19.定义样式表的子元素样式

.cls button{color:red}

21.文本框tab

<textarea onkeydown="if(event.keyCode==9){clipboardData.setData('Text', '    ');execCommand('paste');return false}" rows=8 cols=28>
</textarea>

22.最大化窗口

<OBJECT classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" onreadystatechange="if (this.readyState==4) this.Click();" VIEWASTEXT><PARAM name="Command" value="Maximize"></OBJECT>

23.图片title换行符

&#13;

24.对body的click事件重定义

document.body.onclick=function(){ alert() }

25.10进制转换为16进制

alert((255).toString(16))

26.隐藏链接提示

<style> 
a  {evt:expression(window.status='')} 
</style> 
<a  href=http://ywicc.com>no  status  information</a>

注意：expression为获焦或失焦时执行，可为寄主创建一参数，使其只执行一次，用于表格控制

27.同时执行两事件

function document.onclick,document.onkeydown(){
   window.alert('Hello World!!!');
}

28.不显示图片工具栏

<meta http-equiv="imagetoolbar" content="no">

29.页面最大化

<OBJECT classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" onreadystatechange="if (this.readyState==4) this.Click();" VIEWASTEXT><PARAM name="Command" value="Maximize"></OBJECT>

30.提交到新的可自义窗口

<form method="post" action="1.htm" target="test" onSubmit="window.open('','test','width=100,height=100')">
<input type="submit">
</form>

31.用css控制表格间隔色

tr{background:expression(this.rowIndex%2==0 ? "red":"")}

32.取得字符的asc码

"s".charCodeAt(0)

33.获得行对象所在行数

o.rowIndex

34.去掉最后一个字符

s.slice(0,-1)

35.获得系统背景色

style=background:buttonface

36.表格导出为excel文件

客户端提供链接，在服务器端输出xls文件，由客户保存到客户端即可

服务器端改变文件名的方法是

Response.ContentType = "application/vnd.ms-excel"

Response.AddHeader("Content-Disposition", "attachment;filename=demo.exe")

37.在模式窗口中链接

<base target="_self">

38.求两点夹角

Math.atan2(y1-y0, x1-x0)*180/Math.PI


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 04 Jul 2008 17:15:55 +0800 http://tgyd2006.javaeye.com/blog/211721 http://tgyd2006.javaeye.com/blog/211721 模态窗口和非模态窗口 tgyd2006 作者: tgyd2006  链接：http://tgyd2006.javaeye.com/blog/211497  发表时间: 2008年07月04日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

模态窗口和非模态窗口

对话框一般分为两种类型：模态类型（modal）与非模态类型（modeless）。所谓模态对话框，就是指除非采取有效的关闭手段，用户的鼠标焦点或者输入光标将一直停留在其上的对话框。非模态对话框则不会强制此种特性，用户可以在当前对话框以及其他窗口间进行切换。本文介绍如何使用JavaScript语言来创建这两种类型的对话框、控制其大小和位置、改变其外观以及在对话框间的数据传递。(引用)
一、创建模态和非模态对话框

创建模态对话框：（会缓存最近一次页面的值，通过一些设置可绕过系统的判断）
vReturnValue = window.showModalDialog(sURL [, vFreeArgument] [, sOrnaments]);
创建非模态对话框：（不会）
vReturnValue = window.showModelessDialog(sURL [, vFreeArgument] [, sOrnaments]);

· VReturnValue：对于showModalDialog()，它表示被打开的对话框窗口设置的returnValue属性值。对于showModelessDialog()，它表示新窗口对象。 
· VFreeArgument：这个参数可用于传递某种类型的数据到打开的对话框，数据可以是一个数值、字符串、数组或者一个对象类型。在新窗口中引用这个数值时，可通过新创建window对象的dialogArguments 属性。 
· SOrnaments：用这个参数指定新窗口的外观。可选择的窗口属性有很多种，当有多种控制需求时，将相关内容用一个字符串连接起来，其间用分号隔开。以下是可选择的属性种类： 
o dialogHeight: sHeight 
o dialogLeft: sXpos 
o dialogTop: sYpos 
o dialogWidth: sWidth 
o center: ( yes | no | 1 | 0 | on | off ) 
o dialogHide: ( yes | no | 1 | 0 | on | off ) 
o edge: ( sunken | raised ) 
o help: ( yes | no | 1 | 0 | on | off ) 
o resizable: ( yes | no | 1 | 0 | on | off ) 
o scroll: ( yes | no | 1 | 0 | on | off ) 
o status: ( yes | no | 1 | 0 | on | off ) 

二、控制对话框大小和位置

三、改变对话框外观
 
四、从Noname1.html页面传递数据到Noname2.html页面

传递对象类型数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>模态窗口和非模态窗口</TITLE>
<script language="javascript">
 var sColor="yyyy";
 var sName="xmddl369";
 function showModalWindow() {
   window.showModalDialog('Noname2.html',window,'dialogWidth:400px;dialogHeight:400px');
 }
 function showModellessWindow() {
  window.showModelessDialog('Noname2.html',window,'dialogWidth:400px;dialogHeight:400px;edge:sunken');
 }
 function update() 
  { 
  oColor.innerText = sColor; 
 } 
 document.write("sColor="+sColor+"<br>");
 document.write("sName="+sName+"<br>");
</script>
</HEAD>

<BODY>
<form>
<input type="button" name="button" value="打开一个模态窗口" onclick="showModalWindow()">
<input type="button" name="button" value="打开一个非模态窗口" onclick="showModellessWindow()">
<BR>
<P>输入你最喜欢的颜色: <SPAN ID="oColor" STYLE="color:red;font-size:24">Yellow</SPAN></P>
</form>
</BODY>
</HTML>
-------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function getInfoAndUpdate()  {
 var callerWindowObj = dialogArguments; //得到文档的引用
 callerWindowObj.sColor = document.all("oEnterColor").value; 
 callerWindowObj.update(); 
 }
function cancel()  { 
 var callerWindowObj = dialogArguments; 
 callerWindowObj.sColor = "Yellow"; 
 callerWindowObj.update();  
} 
</script>
</HEAD>
<BODY>
<form>
输入你最喜欢的颜色:<INPUT type="text" name="oEnterColor" ID="oEnterColor"><BR><BR> 
<INPUT VALUE="Apply" TYPE=button onclick="getInfoAndUpdate();"> 
<INPUT VALUE="Ok" TYPE=button onclick="getInfoAndUpdate();window.close();"> 
<INPUT VALUE="Cancel" TYPE=button onclick="cancel();window.close();"> 

</form>
</BODY>
</HTML>

传递数组引用类型数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>模态窗口和非模态窗口</TITLE>
<script language="javascript">
 var fruit=new Array();
 fruit[0]="苹果";
 fruit[1]="桔子";
 fruit[2]="梨";
 fruit[3]="香蕉";
 function showModalWindow() {
   window.showModalDialog('Noname2.html',fruit,'dialogWidth:400px;dialogHeight:400px');
 }
 function showModellessWindow() {
  window.showModelessDialog('Noname2.html',fruit,'dialogWidth:400px;dialogHeight:400px;edge:sunken');
 }
</script>
</HEAD>

<BODY>
<form>
<input type="button" name="button" value="打开一个模态窗口" onclick="showModalWindow()">
<input type="button" name="button" value="打开一个非模态窗口" onclick="showModellessWindow()">
<BR>
</form>
</BODY>
</HTML>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JScript">
function deWrite() {
 var myobject=document.getElementById("ifruit");
 var myfruit=dialogArguments;

 for(count=0;count<myfruit.length;count++) {
  var oOption = document.createElement("OPTION");
  oOption.text=myfruit[count];
  oOption.value=/count;
  myobject.add(oOption);
 }
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<input type="button" name="button" value="click me" onclick="deWrite()">
<br>增加水果:
<SELECT ID="ifruit" NAME="ifruit">
</SELECT>
</form>
</BODY>
</HTML>

传递值类型数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>模态窗口和非模态窗口</TITLE>
<script language="javascript">
 function showModalWindow() {
   window.showModalDialog('Noname2.html',"xmddl",'dialogWidth:400px;dialogHeight:400px');
 }
 function showModellessWindow() {
  window.showModelessDialog('Nonam