BlogJava-Kelven Cheung-文章分类-JavaScripthttp://www.blogjava.net/zhangrenquan/category/12387.htmlzh-cnWed, 14 Nov 2012 08:21:03 GMTWed, 14 Nov 2012 08:21:03 GMT60js控制excel打印完美解决方案http://www.blogjava.net/zhangrenquan/articles/162105.htmlkelvenkelvenWed, 21 Nov 2007 07:44:00 GMThttp://www.blogjava.net/zhangrenquan/articles/162105.htmlhttp://www.blogjava.net/zhangrenquan/comments/162105.htmlhttp://www.blogjava.net/zhangrenquan/articles/162105.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/162105.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/162105.htmlhttp://www.java-ren.com/article/2007/11/19/20071119151630988.html



kelven 2007-11-21 15:44 发表评论
]]>JS中数字金额转大写http://www.blogjava.net/zhangrenquan/articles/162103.htmlkelvenkelvenWed, 21 Nov 2007 07:42:00 GMThttp://www.blogjava.net/zhangrenquan/articles/162103.htmlhttp://www.blogjava.net/zhangrenquan/comments/162103.htmlhttp://www.blogjava.net/zhangrenquan/articles/162103.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/162103.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/162103.htmlhttp://www.java-ren.com/article/2007/11/10/20071110111726980.html

kelven 2007-11-21 15:42 发表评论
]]>JavaScript 背投广告代码http://www.blogjava.net/zhangrenquan/articles/89950.htmlkelvenkelvenMon, 25 Dec 2006 09:24:00 GMThttp://www.blogjava.net/zhangrenquan/articles/89950.htmlhttp://www.blogjava.net/zhangrenquan/comments/89950.htmlhttp://www.blogjava.net/zhangrenquan/articles/89950.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/89950.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/89950.html < script >
/* *********背投广告代码－开始********* */
// ShowFullPopWin();
function  ShowFullPopWin()
{
 var  advPage  =   " http://www.yaosansi.com/ad.htm " ;
 var  oPopWin  =  window.open(advPage,  " FullPopWin " ,  " width= " + window.screen.availWidth + " ,height= " + window.screen.availHeight);
self.focus();
}
 /* *********背投广告代码－结束********* */  
 </ script >

kelven 2006-12-25 17:24 发表评论
]]>javascript导航菜单http://www.blogjava.net/zhangrenquan/articles/89948.htmlkelvenkelvenMon, 25 Dec 2006 09:16:00 GMThttp://www.blogjava.net/zhangrenquan/articles/89948.htmlhttp://www.blogjava.net/zhangrenquan/comments/89948.htmlhttp://www.blogjava.net/zhangrenquan/articles/89948.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/89948.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/89948.html阅读全文

kelven 2006-12-25 17:16 发表评论
]]>JAVASCRIPT控制MEDIA PLAYER的功能实现http://www.blogjava.net/zhangrenquan/articles/89947.htmlkelvenkelvenMon, 25 Dec 2006 09:14:00 GMThttp://www.blogjava.net/zhangrenquan/articles/89947.htmlhttp://www.blogjava.net/zhangrenquan/comments/89947.htmlhttp://www.blogjava.net/zhangrenquan/articles/89947.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/89947.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/89947.html 

< script  language =javascript  defer >
var  volv = phx.settings.volume;
setInterval( " if(phx.playState==3){time.innerText=phx.controls.currentPositionString+\'|\'+
phx.currentMedia.durationString} " , 1000 );
setInterval( " if(phx.playState==3){itcn.style.width=parseInt(245*(phx.controls.currentPosition/phx.currentMedia.duration))} " , 1000 );
 function  volup(){
 if  (volv < 100 ){
volv += 5 ;
phx.settings.volume = volv;
time.innerText = volv;}
 else {time.innerText = \'最大\';}
}
 function  voldown(){
 if  (volv > 0 ){
volv -= 5 ;
phx.settings.volume = volv;
time.innerText = volv;}
 else {time.innerText = \'最小\';}
}
 </ script >
< p >  
 < object  classid ="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"  id ="phx"  width ="245"  height ="240" >
< param  name ="URL"  value ="http://www.wfzx.net/wf-phx/music/she_superstar.wmv" >
< param  name ="rate"  value ="1" >
< param  name ="balance"  value ="0" >
< param  name ="currentPosition"  value ="0" >
< param  name ="defaultFrame"  value >
< param  name ="playCount"  value ="1" >
< param  name ="autoStart"  value ="-1" >
< param  name ="currentMarker"  value ="0" >
< param  name ="invokeURLs"  value ="-1" >
< param  name ="baseURL"  value >
< param  name ="volume"  value ="50" >
< param  name ="mute"  value ="0" >
< param  name ="uiMode"  value ="full" >
< param  name ="stretchToFit"  value ="0" >
< param  name ="windowlessVideo"  value ="0" >
< param  name ="enabled"  value ="-1" >
< param  name ="enableContextMenu"  value ="-1" >
< param  name ="fullScreen"  value ="0" >
< param  name ="SAMIStyle"  value >
< param  name ="SAMILang" >


kelven 2006-12-25 17:14 发表评论
]]>javascript读取xmlhttp://www.blogjava.net/zhangrenquan/articles/89946.htmlkelvenkelvenMon, 25 Dec 2006 09:12:00 GMThttp://www.blogjava.net/zhangrenquan/articles/89946.htmlhttp://www.blogjava.net/zhangrenquan/comments/89946.htmlhttp://www.blogjava.net/zhangrenquan/articles/89946.html#Feedback1http://www.blogjava.net/zhangrenquan/comments/commentRss/89946.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/89946.html /**
 * 得到XML文件属性的集合对象
 *  @param  xmlDoc XML对象
 *  @param  name 属性名称 如: user
 *  @return  返回 Array 对象
 * Example XML:
 * <?xml version='1.0' encoding='utf-8'?>
 * <ekuy>
 *   <user>
 *     <name>
 *       <cnname>小猪</cnname>
 *     </name>
 *     <age>27</age>
 *   </user>
 *   <user>
 *     <name>
 *       <cnname>小霞</cnname>
 *     </name>
 *     <age>26</age>
 *   </user>
 * </ekuy>
  */
function getXMLArray(xmlDoc, name) {
  var keys  =  name.split( ' . ' );
  var node  =  xmlDoc.documentElement;       //  得到根节点
  var rtn  =   new  Array();
  var n  =   0 ;

   for (var i = 0 ; i < keys.length; i ++ ) {
    var childs  =  node.childNodes;        //  得到子节点
    var key  =  keys[i];
  for (var k = 0 ; k < childs.length; k ++ ) {      
   var child  =  childs[k];
    if (child.nodeName  ==  key) {      //  判断子节点是否符合
   if (i  ==  keys.length - 1 ) {
          rtn[n]  =  child;
    n ++ ;
  }  else  {
    node  =  child;
     break ;
  }
   }
 }
  }


   return  rtn;
}


 /**
 * 得到由getXMLArray函数得到对象中的值
 *  @param  node 节点对象
 *  @param  name 
 *  @return  返回 String 
  */
function getValue(node, name) {
  var keys  =  name.split( ' . ' );
  
   for (var i = 0 ; i < keys.length; i ++ ) {
    var childs  =  node.childNodes;        //  得到子节点
    var key  =  keys[i];
  for (var k = 0 ; k < childs.length; k ++ ) {      
   var child  =  childs[k];
    if (child.nodeName  ==  key) {      //  判断子节点是否符合
   if (child.childNodes.length  ==   1 ) {         
     //  如果没有字节点,返回值
     return  child.text;
  }  else  {                                 
     //  还有子节点,继续分析
    node  =  child;
     break ;
  }
   }
 }
  }


   return   "" ;
}



 //  测试:


var xmlDoc  =   new  ActiveXObject( " Microsoft.XMLDOM " );
xmlDoc.async  =   false ;
xmlDoc.loadXML( " <?xml version='1.0' encoding='utf-8'?><ekuy><user><name><cnname>小猪</cnname></name><age>27</age></user><user><name><cnname>小霞</cnname></name><age>26</age></user><user><name><cnname>小章</cnname></name><age>25</age></user></ekuy> " );


var list  =  getXMLArray(xmlDoc,  ' user ' );
 for (var i = 0 ; i < list.length; i ++ ) {
  var obj  =  list[i];
  document.write(getValue(obj,  ' name.cnname ' ));
  document.write(getValue(obj,  ' age ' ));
  document.write( ' <br\/> ' );
}

kelven 2006-12-25 17:12 发表评论
]]>javascript的md5加密http://www.blogjava.net/zhangrenquan/articles/89944.htmlkelvenkelvenMon, 25 Dec 2006 09:11:00 GMThttp://www.blogjava.net/zhangrenquan/articles/89944.htmlhttp://www.blogjava.net/zhangrenquan/comments/89944.htmlhttp://www.blogjava.net/zhangrenquan/articles/89944.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/89944.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/89944.html阅读全文

kelven 2006-12-25 17:11 发表评论
]]>js小技巧http://www.blogjava.net/zhangrenquan/articles/66584.htmlkelvenkelvenWed, 30 Aug 2006 02:12:00 GMThttp://www.blogjava.net/zhangrenquan/articles/66584.htmlhttp://www.blogjava.net/zhangrenquan/comments/66584.htmlhttp://www.blogjava.net/zhangrenquan/articles/66584.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/66584.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/66584.html事件源对象
event.srcElement.tagName
event.srcElement.type

捕获释放
event.srcElement.setCapture(); 
event.srcElement.releaseCapture(); 

事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey

事件返回值
event.returnValue

鼠标位置
event.x
event.y

窗体活动元素
document.activeElement

绑定事件
document.captureEvents(Event.KEYDOWN);

访问窗体元素
document.all("txt").focus();
document.all("txt").select();

窗体命令
document.execCommand

窗体COOKIE
document.cookie

菜单事件
document.oncontextmenu

创建元素
document.createElement("SPAN"); 

根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms) 

窗体图片
document.images[索引]

窗体事件绑定
document.onmousedown=scrollwindow;

元素
document.窗体.elements[索引]

对象绑定事件
document.all.xxx.detachEvent('onclick',a);

插件数目
navigator.plugins

取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length

查找对象
document.getElementsByName("r1");
document.getElementById(id);

定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);

UNCODE编码
escape() ,unescape

父对象
obj.parentElement(dhtml)
obj.parentNode(dom)

交换表的行
TableID.moveRow(2,1)

替换CSS
document.all.csss.href = "a.css";

并排显示
display:inline

隐藏焦点
hidefocus=true

根据宽度换行
style="word-break:break-all"

自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">

简单邮件
<a  href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"> 

快速转到位置
obj.scrollIntoView(true)

锚
<a name="first">
<a href="#first">anchors</a>

网页传递参数
location.search();

可编辑
obj.contenteditable=true

执行菜单命令
obj.execCommand

双字节字符
/[^\x00-\xff]/

汉字
/[\u4e00-\u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

透明背景
<IFRAME src="/1.htm" width=300 height=180 allowtransparency></iframe>

获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>

上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存
CollectGarbage();

禁止右键
document.oncontextmenu = function() { return false;}

禁止保存
<noscript><iframe src="/*.htm"></iframe></noscript>

禁止选取
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘贴
<input type=text onpaste="return false">

地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标
<link rel="Bookmark" href="favicon.ico">

查看源码
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

关闭输入法
<input style="ime-mode:disabled">

自动全选
<input type=text name=text1 value="123" onfocus="this.select()">

ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">

title换行
obj.title = "123 sdfs "

获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

窗口是否关闭
win.closed

checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

获取选中内容
document.selection.createRange().duplicate().text

自动完成功能
<input  type=text  autocomplete=on>打开该功能 
<input  type=text  autocomplete=off>关闭该功能   

窗口最大化
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

//各种尺寸

s  +=  "\r\n网页可见区域宽："+  document.body.clientWidth;  
s  +=  "\r\n网页可见区域高："+  document.body.clientHeight;  
s  +=  "\r\n网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页正文全文宽："+  document.body.scrollWidth;  
s  +=  "\r\n网页正文全文高："+  document.body.scrollHeight;  
s  +=  "\r\n网页被卷去的高："+  document.body.scrollTop;  
s  +=  "\r\n网页被卷去的左："+  document.body.scrollLeft;  
s  +=  "\r\n网页正文部分上："+  window.screenTop;  
s  +=  "\r\n网页正文部分左："+  window.screenLeft;  
s  +=  "\r\n屏幕分辨率的高："+  window.screen.height;  
s  +=  "\r\n屏幕分辨率的宽："+  window.screen.width;  
s  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;  
s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;  

//过滤数字

<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

//特殊用途

<input type=button value=导入收藏夹 onclick="window.external.ImportExportFavorites(true,'http://localhost');">
<input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=语言设置   onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">

//不缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">

//正则匹配

匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/ 
匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value="/value.replace(/["^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value="/value.replace(/["^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value="/value.replace(/["^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value="/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

//消除图像工具栏

<IMG src="/"mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false"> 
or
<head>
<meta http-equiv="imagetoolbar" content="no">
</head>

//无提示关闭
function Close()
{
 var ua=navigator.userAgent
 var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
 if(ie)
 {
      var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
  if(IEversion< 5.5)
  {
   var str  = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
       str += '<param name="Command" value="Close"></object>';
       document.body.insertAdjacentHTML("beforeEnd", str);
       document.all.noTipClose.Click();
  }
      else
  {
       window.opener =null;
       window.close();
      }
   }
 else
 {
  window.close()
   }
}

//取得控件得绝对位置(1)

<script language="javascript"> 
function getoffset(e)
{ 
 var t=e.offsetTop; 
 var l=e.offsetLeft; 
 while(e=e.offsetParent)
 { 
  t+=e.offsetTop; 
  l+=e.offsetLeft; 
 } 
 var rec = new Array(1);
 rec[0]  = t;
 rec[1] = l;
 return rec
} 
</script>

//获得控件的绝对位置(2)

oRect = obj.getBoundingClientRect();
oRect.left
oRect.

//最小化,最大化,关闭

<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object> 
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object> 
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<PARAM NAME="Command" value="Close"></OBJECT> 
<input type=button value="/最小化 onclick=min.Click()> "
<input type=button value="/最大化 onclick=max.Click()> "
<input type=button value="/关闭 onclick=close.Click()> "

//光标停在文字最后
<script language="javascript">
function cc()
{
 var e = event.srcElement;
 var r =e.createTextRange();
 r.moveStart('character',e.value.length);
 r.collapse(true);
 r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

//页面进入和退出的特效

进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
　　0 矩形缩小 
　　1 矩形扩大 
　　2 圆形缩小
　　3 圆形扩大 
　　4 下到上刷新 
　　5 上到下刷新
　　6 左到右刷新 
　　7 右到左刷新 
　　8 竖百叶窗
　　9 横百叶窗 
　　10 错位横百叶窗 
　　11 错位竖百叶窗
　　12 点扩散 
　　13 左右到中间刷新 
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间 
　　17 右下到左上
　　18 右上到左下 
　　19 左上到右下 
　　20 左下到右上
　　21 横条 
　　22 竖条 
　　23 

//网页是否被检索

<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 

//打印分页

<p  style="page-break-after:always">page1</p>  
<p  style="page-break-after:always">page2</p>  

//设置打印

<object id="factory" style="display:none" viewastext
  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
  codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></object>
<input type=button value=页面设置 onclick="factory.printing.PageSetup()">
<input type=button value=打印预览 onclick="factory.printing.Preview()">
 
<script language=javascript>
function window.onload()
{
   // -- advanced features
   factory.printing.SetMarginMeasure(2) // measure margins in inches
   factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3
   factory.printing.printer = "HP DeskJet 870C"
   factory.printing.copies = 2
   factory.printing.collate = true
   factory.printing.paperSize = "A4"
   factory.printing.paperSource = "Manual feed"
   // -- basic features
   factory.printing.header = "居左显示&b居中显示&b居右显示页码，第&p页/共&P页"
   factory.printing.footer = "（自定义页脚）"
   factory.printing.portrait = false
   factory.printing.leftMargin = 0.75
   factory.printing.topMargin = 1.5
   factory.printing.rightMargin = 0.75
   factory.printing.bottomMargin = 1.5
}
function Print(frame) {
  factory.printing.Print(true, frame) // print with prompt
}
</script>
<input type=button value="打印本页" onclick="factory.printing.Print(false)">
<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
<input type=button value="打印预览" onclick="factory.printing.Preview()"><br>
<a href="/"http://www.meadroid.com/scriptx/docs/printdoc.htm?static"  target=_blank>具体使用手册，更多信息，点这里</a>
 

//自带的打印预览

WebBrowser.ExecWB(1,1) 打开 
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 
Web.ExecWB(4,1) 保存网页 
Web.ExecWB(6,1) 打印 
Web.ExecWB(7,1) 打印预览 
Web.ExecWB(8,1) 打印页面设置 
Web.ExecWB(10,1) 查看页面属性 
Web.ExecWB(15,1) 好像是撤销，有待确认 
Web.ExecWB(17,1) 全选 
Web.ExecWB(22,1) 刷新 
Web.ExecWB(45,1) 关闭窗体无提示 
<style media=print> 
.Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目--> 
.PageNext{page-break-after: always;}<!--控制分页--> 
</style> 
<object  id="WebBrowser"  width=0  height=0  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">    
</object>    
 
<center class="Noprint" >
<input type=button value="/打印 onclick=document.all.WebBrowser.ExecWB(6,1)> "
<input type=button value="/直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)> "
<input type=button value="/页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)> "
</p> 
<p> <input type=button value="/打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)> "
</center>

//去掉打印时的页眉页脚

<script  language="JavaScript">  
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
//设置网页打印的页眉页脚为空
function PageSetup_Null()
{
 try
 {
         var Wsh=new ActiveXObject("WScript.Shell");
  HKEY_Key="header";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
  HKEY_Key="footer";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 }
 catch(e){}
}
//设置网页打印的页眉页脚为默认值
function  PageSetup_Default()
{  
 try
 {
  var Wsh=new ActiveXObject("WScript.Shell");
  HKEY_Key="header";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");
  HKEY_Key="footer";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
 }
 catch(e){}
}
</script>
<input type="button" value="清空页码" onclick=PageSetup_Null()>
<input type="button" value="恢复页码" onclick=PageSetup_Default()>

//浏览器验证

function checkBrowser()
{ 
   this.ver=navigator.appVersion 
   this.dom=document.getElementById?1:0 
   this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; 
   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
   this.ie4=(document.all && !this.dom)?1:0; 
   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
   this.ns4=(document.layers && !this.dom)?1:0; 
   this.mac=(this.ver.indexOf('Mac') > -1) ?1:0; 
   this.ope=(navigator.userAgent.indexOf('Opera')>-1); 
   this.ie=(this.ie6 || this.ie5 || this.ie4) 
   this.ns=(this.ns4 || this.ns5) 
   this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope) 
   this.nbw=(!this.bw) 
   return this;
}

//计算内容宽和高

<SCRIPT  language="javascript">  
function  test(obj)  
{  
       var  range  =  obj.createTextRange();  
       alert("内容区宽度:  "  +  range.boundingWidth    
                                                 +  "px\r\n内容区高度:  "  +  range.boundingHeight  +  "px");  
             
}  
</SCRIPT>  
<BODY>  
<Textarea id="txt" height="150">sdf</textarea><INPUT  type="button"  value="计算内容宽度"  onClick="test(txt)">  
</BODY>

//无模式的提示框

function modelessAlert(Msg)
{
   window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}

//屏蔽按键
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
  <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title>
</head>
<body>
<script language="Javascript"><!--
  //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
  //Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键
function window.onhelp(){return false} //屏蔽F1帮助
function document.onkeydown()
{
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39)))   //屏蔽 Alt+ 方向键 →
  {
     alert("不准你使用ALT+方向键前进或后退网页！");
     event.returnValue=false;
  }
     /* 注：这还不是真正地屏蔽 Alt+ 方向键，
     因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
     用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
     有哪位高手有真正屏蔽 Alt 键的方法，请告知。*/
  if ((event.keyCode==8)  ||                 //屏蔽退格删除键
      (event.keyCode==116)||                 //屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
     }
  if (event.keyCode==122){event.keyCode=0;event.returnValue=false;}  //屏蔽F11
  if (event.ctrlKey && event.keyCode==78) event.returnValue=false;   //屏蔽 Ctrl+n
  if (event.shiftKey && event.keyCode==121)event.returnValue=false;  //屏蔽 shift+F10
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 
      window.event.returnValue = false;             //屏蔽 shift 加鼠标左键新开一网页
  if ((window.event.altKey)&&(window.event.keyCode==115))             //屏蔽Alt+F4
  {
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
      return false;
  }
}
</script>
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</body>
</html>

//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>

//移动的图层，拖动

1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
<script language=javascript>
var Obj;
function MouseDown(obj)
{
  Obj=obj;
  Obj.setCapture();
  Obj.l=event.x-Obj.style.pixelLeft;
  Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
  if(Obj!=null)
  {
    Obj.style.left = event.x-Obj.l;
    Obj.style.top = event.y-Obj.t;
  }
}
function MouseUp()
{
  if(Obj!=null)
  {
    Obj.releaseCapture();
    Obj=null;
  }
}
</script>
2.
<div id="myDiv" src="/"logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
<a href="/"#" onclick="return false"><h1>wlecome</h1></a>
</div>
<script language="JavaScript" type="text/javascript">
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;

var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);
 
}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>
 

//文档状态改变

<iframe src="/"a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0></iframe>
<script>
var doc=window.frames["f"].document;
function s(){
 if (doc.readyState=="complete"){
  document.all.f.style.height=doc.body.scrollHeight
  document.all.f.style.width=doc.body.scrollWidth
 }
}
doc.onreadystatechange=s
</script>

//刷新后不变的文本框

<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
   .sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>



kelven 2006-08-30 10:12 发表评论
]]>Javascript实例教程(14) 鼠标触发窗口http://www.blogjava.net/zhangrenquan/articles/62221.htmlkelvenkelvenMon, 07 Aug 2006 10:17:00 GMThttp://www.blogjava.net/zhangrenquan/articles/62221.htmlhttp://www.blogjava.net/zhangrenquan/comments/62221.htmlhttp://www.blogjava.net/zhangrenquan/articles/62221.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/62221.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/62221.html利用javascript产生鼠标移过时弹出窗口

本节教程将介绍当鼠标移过图片的时候弹出一个窗口的设计。这个弹出的窗口是一个标准的网页，你可以设置它的大小。

首先在网页的Header标签处加入以下代码：

<SCRIPT LANGUAGE="javascript">

var popupwindow_window = null;

function popupwindow(status,url) {

if(status != 0) {

if(popupwindow != null) popupwindow.focus();

else {

var popupwindow = open(url, "popupwindow", "width=350,height=225");

file://这 里设置弹出窗口的大小，宽度为350，高度为225.

popupwindow_window = popupwindow;

}

} else {

if(popupwindow_window != null) popupwindow_window.close();

}

}

</SCRIPT>

那如何调用这个javascript脚本呢？具体代码如下：

This is your link <A HREF="" onMouseover="popupwindow(1,'popupwindow.html')"

onMouseout="popupwindow(0)"><img src="http://www.blogjava.net/images/picture.gif"

hspace=0 vspace=0 border=0 alt="Network"></A>

这样你只要将鼠标移过图片picture.gif的时候，就会弹出一个宽度为350，高度为225的网页了。



kelven 2006-08-07 18:17 发表评论
]]>Javascript实例教程(15) JS代替CGIhttp://www.blogjava.net/zhangrenquan/articles/62220.htmlkelvenkelvenMon, 07 Aug 2006 10:17:00 GMThttp://www.blogjava.net/zhangrenquan/articles/62220.htmlhttp://www.blogjava.net/zhangrenquan/comments/62220.htmlhttp://www.blogjava.net/zhangrenquan/articles/62220.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/62220.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/62220.html使用javascript代替CGI

你可能对CGI脚本比较熟悉，利用CGI你可以通过表单将数字或者变量从一个网页上传递到另外一个网页。当然，你可以利用“POST”将变量以独立的线程进行传递而不显示在浏览器中，或者利用“GET”将变量编码到URL。

javascript不能在变量在服务器端被处理的时候利用POST方法；但是你可以注意到当你提交一个使用GET方法的表单的时候，定位条上在文件名之后包含了额外的信息，比如：

www.pconline.com.cn/mypage.html?name=Mike&age=33

利用javascript我们可以访问这些变量，具体可以使用一个相关的数组合来实现，如下所示：

<SCRIPT language="javascript1.1">

<!-- Hide from older browsers


function formInput() {

// empty object

}

var valueOf = new formInput();

var pairs = document.location.search.substring(1).split("&");

for (var i=0; i < pairs.length; i++) {

var values = pairs[i].split("=");

valueOf[values[0]] = unescape(values[1]);

}

// Stop hiding -->

</SCRIPT>

以上代码的作用是从浏览器的定位条上将变量提取出来并将它们存储在一个相关的数组合中。在网页的其它部分任何的变量都可以这样被引用，如：valueOf["variablename"]，当然这些引用要在SCRIPT标签中。

作为一个测试，我们可以利用for .. in loop循环语句列出所有的被传递的变量。这允许我们循环掉出所有相关数组的内容而不管我们是不是直到这些变量的名字。具体代码如下：

<SCRIPT language="javascript">

<!-- Hide from older browsers


for (var x in valueOf) {

document.write(x + " = " + valueOf[x] + "<br>");

}

// Stop hiding -->

</SCRIPT>

这时候就会输入以下的内容：

name=Mike

age=33

这个例子虽然没什么用，但是它只是为了向你显示程序是如何工作的。这些变量现在就可以用在填充表单元素的内容，或者显示图片或者创建其它的网页内容，总之可以实现CGI能实现的内容。



kelven 2006-08-07 18:17 发表评论
]]>Javascript实例教程(16) 日期函数http://www.blogjava.net/zhangrenquan/articles/62219.htmlkelvenkelvenMon, 07 Aug 2006 10:15:00 GMThttp://www.blogjava.net/zhangrenquan/articles/62219.htmlhttp://www.blogjava.net/zhangrenquan/comments/62219.htmlhttp://www.blogjava.net/zhangrenquan/articles/62219.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/62219.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/62219.html使用javascript的日期函数

　　Date（日期）对象可以使用Date()构造器来创建，在前面的教程中我们已经介绍了Date()构造器，这里就不重复叙述。它没有参数，返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入：

var today = new Date();

返回当前的日期和时间

var newyear = new Date("December 31, 1998 23:59:59");

输入的是表单的字符串 “月 日，年 小时：分钟：秒”

var bday = new Date(75, 1, 16);

参数是年份，月，日

var bday = new Date(75, 1, 16, 12, 0, 0);

这里作点补充：月份是从0开始的，比如一月份=0，二月份=1，三月份=3等等。

从上面可以看出创建一个日期对象是相对地简单，以下的表格是一系列的函数可以用于改变或者访问这些对象的属性：

日期访问方法

Method(方法)

Description （描述）

Value（数值）

getYear()

返回年份的最后两位数字

2001

getMonth()

返回年份中的第几月(0到11)

5

getDate()

返回月份中的第几日(1到31)

2

getDay()

返回星期中的第几天 (0到6)

6

getTimezoneOffset()

返回当地时间与格林尼治天文台平均时间的差别

-480 (-8h)

getHours()

返回一天中的时针点数（0到23）

16

getMinutes()

返回分钟 (0..59)

8

getSeconds()

返回时间的秒 (0到59)

24

getTime()

返回自从公元1970年1月1日的毫秒数

991469304470



这里注意：IE浏览器的一些版本返回Timezoneoffset数值是用错误的符号，比如用”-”代替”+”等等。

日期设置方法

setDate()

设置每月中的第几天（从0到30）

setHours()

设置小时（从0到23）

setMinutes()

设置分钟（从0到59）

setMonth()

设置月份（从0到11）

setSeconds()

设置秒数（从0到59）

setTime()

设置时间（从公元以来的毫秒数）

setYear()

设置年份



其它的日期方法

parse

转化日期字符串为自从公元以来的毫秒数，比如Date.parse(“date string”)

toString()

Sat Jun 2 16:08:24 UTC+0800 2001

toGMTString()

Sat, 2 Jun 2001 08:08:24 UTC

toLocaleString()

2001年6月2日 16:08:24

所有的这些函数引用于独立的日期对象。如果你具有深厚的Java编程背景，那么你可以将它们认为是Date类的一些公共的方法而已。下面给出一个典型的例子来设置日期对象到当前时间加1年：

var nextYear = new Date(); // 初始化日期对象

nextyear.setYear(nextYear.getYear() + 1); // 增加1年

实际上，parse函数是Date对象的一个方法，而不是一个独立的日期变量，如果使用Java术语，它就称为Date类的一个静态方法。这个正是我们为什么使用Date.pase()而不使用somedate.parse()的原因啦。



kelven 2006-08-07 18:15 发表评论
]]>JS控制DIV层显示http://www.blogjava.net/zhangrenquan/articles/61210.htmlkelvenkelvenTue, 01 Aug 2006 07:31:00 GMThttp://www.blogjava.net/zhangrenquan/articles/61210.htmlhttp://www.blogjava.net/zhangrenquan/comments/61210.htmlhttp://www.blogjava.net/zhangrenquan/articles/61210.html#Feedback2http://www.blogjava.net/zhangrenquan/comments/commentRss/61210.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/61210.html<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DIV-3</title>
<style type="text/css">
.hiddiv {display:none}
</style>
<SCRIPT language=JavaScript>
<!--
function a(x){
for( i=0; i<divLen; i++ ){
    if(allDiv[i].className=="hiddiv")
        allDiv[i].style.display = "none"
    if(allDiv[i].id=="div"+x)
        allDiv[i].style.display = "block"
}
}
window.onload = function(){
  allDiv = document.getElementsByTagName("div");
  divLen = allDiv.length
}
-->
</SCRIPT>
</head>
<body>
<div id="div1" class="hiddiv" style="display:block">此处显示 id "div1" 的内容</div><br>
<div id="div2" class="hiddiv">此处显示 id "div2" 的内容</div><br>
<div id="div3" class="hiddiv">此处显示 id "div3" 的内容</div><br>
<div id="div4" class="hiddiv">此处显示 id "div4" 的内容</div><br>
<select onChange="a(value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</body>
</html>


kelven 2006-08-01 15:31 发表评论
]]>JavaScript键盘事件侦听http://www.blogjava.net/zhangrenquan/articles/60110.htmlkelvenkelvenWed, 26 Jul 2006 01:44:00 GMThttp://www.blogjava.net/zhangrenquan/articles/60110.htmlhttp://www.blogjava.net/zhangrenquan/comments/60110.htmlhttp://www.blogjava.net/zhangrenquan/articles/60110.html#Feedback1http://www.blogjava.net/zhangrenquan/comments/commentRss/60110.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/60110.html        onkeypress事件不能对系统功能键(例如：后退、删除等，其中对中文输入法不能有效响应)进行正常的响应，onkeydown和onkeyup均可以对系统功能键进行有效的拦截，但事件截获的位置不同，可以根据具体的情况选择不同的键盘事件。
        由于onkeypress不能对系统功能键进行捕获，导致window.event对象的keyCode属性和onkeydown，onkeyup键盘事件中获取的keyCode属性不同，主要表现在onkeypress事件的keyCode对字母的大小写敏感，而onkeydown、onkeyup事件不敏感；onkeypress事件的keyCode无法区分主键盘上的数字键和付键盘数字键的，而onkeydown、onkeyup的keyCode对主付键盘的数字键敏感。
注：在Maxthon浏览器中，onkeydown和onkeyup有连续响应两次键盘事件的BUG，onkeydown不能正常地对F1~F12的功能键进行正常的截获(onkeyup没有发现该问题)，具体原因不明。不知道以后是否会进行订正。


kelven 2006-07-26 09:44 发表评论
]]>实用javaScript技术-屏蔽http://www.blogjava.net/zhangrenquan/articles/60109.htmlkelvenkelvenWed, 26 Jul 2006 01:41:00 GMThttp://www.blogjava.net/zhangrenquan/articles/60109.htmlhttp://www.blogjava.net/zhangrenquan/comments/60109.htmlhttp://www.blogjava.net/zhangrenquan/articles/60109.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/60109.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/60109.html 

一、屏蔽键盘所有键
<script language="javascript">
<!--
function document.onkeydown(){
event.keyCode = 0;
event.returnvalue = false;
}
-->
</script>
二、屏蔽鼠标右键

　　在body标签里加上oncontextmenu=self.event.returnvalue=false　或者:
<script language="javascript">
<!--
function document.oncontextmenu()
{
return false;
}
-->
</script>

function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}

或者:
<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">

<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>


三、屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键
<script language="javascript">
<!--
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
function window.onhelp(){return false} //屏蔽F1帮助
function KeyDown(){
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
(window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 →
alert("不准你使用ALT+方向键前进或后退网页！");
event.returnvalue=false;
}

注：这还不是真正地屏蔽 Alt+ 方向键，因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，用鼠标点掉警告框，这种

屏蔽方法就失效了。
if ((event.keyCode == 8) &&
(event.srcElement.type != "text" &&
event.srcElement.type != "textarea" &&
event.srcElement.type != "password") || //屏蔽退格删除键
(event.keyCode==116)|| //屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnvalue=false;
}
if ((event.ctrlKey)&&(event.keyCode==78)) //屏蔽 Ctrl+n
event.returnvalue=false;
if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
event.returnvalue=false;
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)

window.event.returnvalue = false; //屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;}
}

　　另外可以用 window.open 的方法屏蔽 IE 的所有菜单
　　第一种方法：
window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,
scrollbars=no,resizable=yes,status=no,top=0,left=0")

　　第二种方法是打开一个全屏的页面：
window.open("你的.asp", "", "fullscreen=yes")
*/
//-->
</script>
四、屏蔽浏览器右上角“最小化”“最大化”“关闭”键
<script language=javascript>
function window.onbeforeunload()
{
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
{
window.event.returnvalue = "";
}
}
</script>

　　或者使用全屏打开页面
<script language="javascript">
<!--
window.open(www.32pic.com,"32pic","fullscreen=3,height=100, width=400,
top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,
status=no");
-->
</script>

　　注：在body标签里加上
onbeforeunload="javascript:return false"//使不能关闭窗口


五、屏蔽F5键
<script language="javascript">
<!--
function document.onkeydown()
{
if ( event.keyCode==116)
{
event.keyCode = 0;
event.cancelBubble = true;
return false;
}
}
-->
</script>


六、屏蔽IE后退按钮
　　在你链接的时候用
<a href="javascript:location.replace(url)">


七、屏蔽主窗口滚动条
　　在body标签里加上
style="overflow-y:hidden"


八、屏蔽拷屏,不断地清空剪贴板
　　在body标签里加上
onload="setInterval('clipboardData.setData(\'Text\',\'\')',100)"


九、屏蔽网站的打印功能
<style>
@media print {
* { display: none }
}
</style>


十、屏蔽IE6.0 图片上自动出现的保存图标
　　方法一：
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

　　方法二：
<img galleryimg="no">


十一、屏蔽页中所有的script
<noscrript></noscript>



kelven 2006-07-26 09:41 发表评论
]]>javascript操作多选列表框http://www.blogjava.net/zhangrenquan/articles/57820.htmlkelvenkelvenWed, 12 Jul 2006 08:01:00 GMThttp://www.blogjava.net/zhangrenquan/articles/57820.htmlhttp://www.blogjava.net/zhangrenquan/comments/57820.htmlhttp://www.blogjava.net/zhangrenquan/articles/57820.html#Feedback1http://www.blogjava.net/zhangrenquan/comments/commentRss/57820.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/57820.html使用javascript操作多选列表框，实现动态增加删除，左右移动，上下排序移动等功能。
将下面的代码存成html文件，运行就可看到效果。

 <SCRIPT language="javascript">
 /***************************************************************************************************************
  * 文 件 名：selectListTools.js 
  * 文件描述：关于list列表框的一些工具方法
  * 主要方法：
  *          1， moveUp(oSelect,isToTop) －－－－－－－－－－－－ 向上移动一个list列表框的选中项目，
  *                                                                可以支持多选移动，可以设置是否移动到顶层
  *          2， moveDown(oSelect,isToBottom)－－－－－－－－－－ 向下移动一个list列表框的选中项目，
  *                                                                可以支持多选移动，可以设置是否移动到底层
  *          3， moveSelected(oSourceSel,oTargetSel) －－－－－－ 在两个列表框之间转移数据
  *          4， moveAll(oSourceSel,oTargetSel)－－－－－－－－－ 转移两个列表框之间的全部数据
  *          5， deleteSelectItem(oSelect) －－－－－－－－－－－ 删除所选的项目
  * 
 ****************************************************************************************************************/
 
 /**
  * 使选中的项目上移
  *
  * oSelect: 源列表框
  * isToTop: 是否移至选择项到顶端，其它依次下移，
  *          true为移动到顶端，false反之，默认为false
  */
 function moveUp(oSelect,isToTop)
 {
     //默认状态不是移动到顶端
     if(isToTop == null)
         var isToTop = false;
        
     //如果是多选------------------------------------------------------------------
     if(oSelect.multiple)
     {
         for(var selIndex=0; selIndex<oSelect.options.length; selIndex++)
         {
             //如果设置了移动到顶端标志
             if(isToTop)
             {
                 if(oSelect.options[selIndex].selected)
                 {
                     var transferIndex = selIndex;
                     while(transferIndex > 0 && !oSelect.options[transferIndex - 1].selected)
                     {
                         oSelect.options[transferIndex].swapNode(oSelect.options[transferIndex - 1]);
                         transferIndex --;
                     }
                 }
             }
             //没有设置移动到顶端标志
             else
             {
                 if(oSelect.options[selIndex].selected)
                 {
                     if(selIndex > 0)
                     {
                         if(!oSelect.options[selIndex - 1].selected)
                             oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                     }
                 }
             }
         }
     }
     //如果是单选--------------------------------------------------------------------
     else
     {
         var selIndex = oSelect.selectedIndex;
         if(selIndex <= 0)
             return;
         //如果设置了移动到顶端标志
         if(isToTop)
         {
             while(selIndex > 0)
             {
                 oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
                 selIndex --;
             }
         }
         //没有设置移动到顶端标志
         else       
             oSelect.options[selIndex].swapNode(oSelect.options[selIndex - 1]);
     }
 }

/**
  * 使选中的项目下移
  *
  * oSelect: 源列表框
  * isToTop: 是否移至选择项到底端，其它依次上移，
  *          true为移动到底端，false反之，默认为false
  */
 function moveDown(oSelect,isToBottom)
 {
     //默认状态不是移动到顶端
     if(isToBottom == null)
         var isToBottom = false;
        
     var selLength = oSelect.options.length - 1;
    
     //如果是多选------------------------------------------------------------------
     if(oSelect.multiple)
     {
         for(var selIndex=oSelect.options.length - 1; selIndex>= 0; selIndex--)
         {
             //如果设置了移动到顶端标志
             if(isToBottom)
             {
                 if(oSelect.options[selIndex].selected)
                 {
                     var transferIndex = selIndex;
                     while(transferIndex < selLength && !oSelect.options[transferIndex + 1].selected)
                     {
                         oSelect.options[transferIndex].swapNode(oSelect.options[transferIndex + 1]);
                         transferIndex ++;
                     }
                 }
             }
             //没有设置移动到顶端标志
             else
             {
                 if(oSelect.options[selIndex].selected)
                 {
                     if(selIndex < selLength)
                     {
                         if(!oSelect.options[selIndex + 1].selected)
                             oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                     }
                 }
             }
         }
     }
     //如果是单选--------------------------------------------------------------------
     else
     {
         var selIndex = oSelect.selectedIndex;
         if(selIndex >= selLength - 1)
             return;
         //如果设置了移动到顶端标志
         if(isToBottom)
         {
             while(selIndex < selLength - 1)
             {
                 oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
                 selIndex ++;
             }
         }
         //没有设置移动到顶端标志
         else       
             oSelect.options[selIndex].swapNode(oSelect.options[selIndex + 1]);
     }
 }

/**
  * 移动select的部分内容,必须存在value，此函数以value为标准进行移动
  *
  * oSourceSel: 源列表框对象
  * oTargetSel: 目的列表框对象
  */
 function moveSelected(oSourceSel,oTargetSel)
 {
     //建立存储value和text的缓存数组
     var arrSelValue = new Array();
     var arrSelText = new Array();
     //此数组存贮选中的options，以value来对应
     var arrValueTextRelation = new Array();
     var index = 0;//用来辅助建立缓存数组
    
     //存储源列表框中所有的数据到缓存中，并建立value和选中option的对应关系
     for(var i=0; i<oSourceSel.options.length; i++)
     {
         if(oSourceSel.options[i].selected)
         {
             //存储
             arrSelValue[index] = oSourceSel.options[i].value;
             arrSelText[index] = oSourceSel.options[i].text;
             //建立value和选中option的对应关系
             arrValueTextRelation[arrSelValue[index]] = oSourceSel.options[i];
             index ++;
         }
     }
    
     //增加缓存的数据到目的列表框中，并删除源列表框中的对应项
     for(var i=0; i<arrSelText.length; i++) 
     {
         //增加
         var oOption = document.createElement("option");
         oOption.text = arrSelText[i];
         oOption.value = arrSelValue[i];
         oTargetSel.add(oOption);
         //删除源列表框中的对应项
         oSourceSel.removeChild(arrValueTextRelation[arrSelValue[i]]);
     }
 }

/**
  * 移动select的整块内容
  *
  * oSourceSel: 源列表框对象
  * oTargetSel: 目的列表框对象
  */
 function moveAll(oSourceSel,oTargetSel)
 {
     //建立存储value和text的缓存数组
     var arrSelValue = new Array();
     var arrSelText = new Array();
    
     //存储所有源列表框数据到缓存数组
     for(var i=0; i<oSourceSel.options.length; i++)
     {
         arrSelValue[i] = oSourceSel.options[i].value;
         arrSelText[i] = oSourceSel.options[i].text;
     }
    
     //将缓存数组的数据增加到目的select中
     for(var i=0; i<arrSelText.length; i++) 
     {
         var oOption = document.createElement("option");
         oOption.text = arrSelText[i];
         oOption.value = arrSelValue[i];
         oTargetSel.add(oOption);
     }
    
     //清空源列表框数据，完成移动
     oSourceSel.innerHTML = "";
 }

/**
  * 删除选定项目
  *
  * oSelect: 源列表框对象
  */
 function deleteSelectItem(oSelect)
 {
     for(var i=0; i<oSelect.options.length; i++)
     {
         if(i>=0 && i<=oSelect.options.length-1 && oSelect.options[i].selected)
         {
             oSelect.options[i] = null;
             i --;
         }
     }
 }

//js文件完毕
 </SCRIPT>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <BODY style="font-size:12px">
 <FORM name="form1" method="post" action="">
   <SELECT name="left" size="10" id="select" multiple style="width:100px; ">
     <OPTION value="aaaaa">aaaaa</OPTION>
     <OPTION value="bbbbb">bbbbb</OPTION>
     <OPTION value="ccccc">ccccc</OPTION>
   </SELECT>
   <INPUT style="border:1px solid black " type="button" value=">>>" onClick="moveSelected(document.all.left,document.all.right)">
   <INPUT style="border:1px solid black " type="button" value="<<<" onClick="moveSelected(document.all.right,document.all.left)">
   <SELECT name="right" size="10" id="select" multiple style="width:100px; ">
     <OPTION value="ddddd">ddddd</OPTION>
     <OPTION value="eeeee">eeeee</OPTION>
     <OPTION value="fffff">fffff</OPTION>
     <OPTION value="ggggg">ggggg</OPTION>
     <OPTION value="hhhhh">hhhhh</OPTION>
     <OPTION value="iiiii">iiiii</OPTION>
   </SELECT>
   <br><br><br><br>
   <DIV style="background-color:#CCCCCC;padding:2px">
   <INPUT style="border:1px solid black " type="button" value="上移一格" onClick="moveUp(document.all.right);moveUp(document.all.left)">
   <INPUT style="border:1px solid black " type="button" value="下移一格" onClick="moveDown(document.all.right);moveDown(document.all.left)">
   <INPUT style="border:1px solid black " type="button" value="上移到顶"
 onClick="moveUp(document.all.right,true);moveUp(document.all.left,true)">
   <INPUT style="border:1px solid black " type="button" value="下移到顶"
 onClick="moveDown(document.all.right,true);moveDown(document.all.left,true);">  （支持多选移动）
   </DIV>
   <BR><BR>
   <DIV style="background-color:#CCCCCC; padding:5px; width:100%; position:relative">
   右移：<INPUT type="radio" name="ifAll" value="right" checked> <br>
   左移：<INPUT type="radio" name="ifAll" value="left"><br><br>
   <INPUT type="button" value="移动全部" style="border:1px solid black " onClick="judgeMove()">
   </DIV>
   <br><br>
   <DIV style="background-color:#CCCCCC; padding:5px">
       <INPUT type="button" value=" 删 除 " style="border:1px solid black "
 onClick="deleteSelectItem(document.all.left);deleteSelectItem(document.all.right)">
   </div>
 </FORM>
 </BODY>
 <SCRIPT language="javascript">
 function judgeMove()
 {
     var arrRadio = document.all.ifAll;
     var valOfRadio;
     for(var i=0; i<arrRadio.length; i++)
     {
         if(arrRadio[i].checked)
         {
             valOfRadio = arrRadio[i].value;
             break;
         }
     }
     if(valOfRadio == "left")
         moveAll(document.all.right,document.all.left);
     if(valOfRadio == "right")
         moveAll(document.all.left,document.all.right);
 }
 </SCRIPT>



kelven 2006-07-12 16:01 发表评论
]]>JS中实现A*算法寻路绝对厉害http://www.blogjava.net/zhangrenquan/articles/55922.htmlkelvenkelvenFri, 30 Jun 2006 03:54:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55922.htmlhttp://www.blogjava.net/zhangrenquan/comments/55922.htmlhttp://www.blogjava.net/zhangrenquan/articles/55922.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55922.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55922.html阅读全文

kelven 2006-06-30 11:54 发表评论
]]>拖拽 div ＋ div半透明 的代码http://www.blogjava.net/zhangrenquan/articles/55905.htmlkelvenkelvenFri, 30 Jun 2006 03:35:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55905.htmlhttp://www.blogjava.net/zhangrenquan/comments/55905.htmlhttp://www.blogjava.net/zhangrenquan/articles/55905.html#Feedback1http://www.blogjava.net/zhangrenquan/comments/commentRss/55905.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55905.html
http://www.cnlei.org/codes/javascript/js-drag-drop/demo.html

kelven 2006-06-30 11:35 发表评论
]]>多窗口操作http://www.blogjava.net/zhangrenquan/articles/55897.htmlkelvenkelvenFri, 30 Jun 2006 03:19:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55897.htmlhttp://www.blogjava.net/zhangrenquan/comments/55897.htmlhttp://www.blogjava.net/zhangrenquan/articles/55897.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55897.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55897.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>xWin HTC Demo</title>
<style type="text/css">
body {
 width:100%;
 height:100%;
 margin:0px;
 padding:0px;
 overflow:auto;
}

.xWin {
 position:absolute;
 cursor:default;
 border-width:2px;
 border-style:outset;
 padding:0px;
 font-size:12px;
 overflow:hidden;
 display:block;
}

.xWin .xWinSetting {
 display:none;
}

.xWin .xTitle {
 color:#FFFFFF;
 height:20px;
 display:block;
}

.xWin .xTitle input {
 background-color:transparent;
 color:#FFFFFF;
 border-width:0px;
 border-style:solid;
 height:20px;
 width:16px;
 line-height:20px;
 font-family:webdings;
 font-size:10px;
 margin:0px;
 padding:0px;
 text-align:center;
 float:right;
 display:block;
}

.xWin .xTitle .xWinTitleCloseButton {
 
}

.xWin .xTitle .xWinTitleMaxButton {
 
}

.xWin .xTitle .xWinTitleMinButton {
 
}

.xWin .xTitle .xWinTitleContent {
 color:#FFFFFF;
 font-size:12px;
 height:18px;
 line-height:20px;
 margin:0px;
 padding-left:3px;
 float:left;
 display:block;
 overflow:hidden;
 white-space:nowrap;
 text-align:left;
 cursor:default;
}

.xWin .xWinBody {
 margin:0px;
 background-color:#FFFFFF;
 color:#000000;
 padding:3px;
 font-size:12px;
 overflow:auto;
 position:relative;
 display:block;
}

.xShadow {
 position:absolute;
 display:block;
 background-Color:#000000;
 color:#FFFFFF;
}
</style>
<script type="text/javascript">
//<![CDATA[
//********************/
//  x 系列之 xWin
//  作者：Hutia
//  未经同意不得转载或用于商业用途
//********************/

/*
说明：
  x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签
  目前x系列支持的浏览器类型为：IE5.5, FF1.5

  xWin的标签为 <div class="xwin">content</div>
  支持属性：
    int left, int top, int width, int height
  支持方法：
    Close(), Destroy(), Max([bolean Variable]), Min([bolean Variable]),
    MoveTo(int x, int y), ResizeTo(int x, int y), SetContent(string Variable | htmlObject Variable)
 SetTitle(string Variable), ShowHide()
*/

//**载入CSS*****
var xWinCssFilePath="sp\/css\/xwin.css";
//document.write("<style>@import url("+xWinCssFilePath+");</style>");

//**检测浏览器种类*****
var BROWSERNAME="";
switch(navigator.appName.toLowerCase()){
 case "netscape":
  BROWSERNAME="ns";
 break;
 case "microsoft internet explorer":
 default:
  BROWSERNAME="ie";
 break;
}

//**设置初始化变量******
switch(BROWSERNAME){
 case "ns":
  window.addEventListener("load",_xWin_init,false);
 break;
 case "ie":
 default:
  window.attachEvent("onload",_xWin_init);
}

//**设置全局定时器******
if(typeof(__xSeriaTimer__)=="undefined"){
 var __xSeriaTimer__={
  events:new Array(),
  objs:new Array(),
  handle:null,
  exec:function(){
   for(var i=0;i<__xSeriaTimer__.events.length;i++){
    try{
     with(__xSeriaTimer__.objs[i]){
      eval(__xSeriaTimer__.events[i]);
     }
    }catch(e){}
   }
  },
  pop:function(i){
   __xSeriaTimer__.events[i]=null;
   __xSeriaTimer__.objs[i]=null;
  },
  push:function(strV,obj){
   for(var i=0;i<__xSeriaTimer__.events.length;i++){
    if(__xSeriaTimer__.events[i]==null){
     __xSeriaTimer__.events[i]=strV;
     __xSeriaTimer__.objs[i]=obj;
     return(i);
    }
   }
   __xSeriaTimer__.events[i]=strV;
   __xSeriaTimer__.objs[i]=obj;
   return(i);
  },
  start:function(){
   __xSeriaTimer__.stop();
   __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,30);
  },
  stop:function(){
   clearInterval(__xSeriaTimer__.handle);
  }
 };
 __xSeriaTimer__.start();
}

//**初始化函数******
function _xWin_init(){
 var allTheWindows=document.getElementsByTagName("div");
 for(var i=0;i<allTheWindows.length;i++){
  if(allTheWindows[i].className=="xWin")_xWin_event_doInit(allTheWindows[i]);
 }
}


//**事件响应函数区******

function _xWin_event_doInit(element){
 //初始化变量
 element.ownerDocument.index=isNaN(element.ownerDocument.index)?10000:parseInt(element.ownerDocument.index)+1;
 element.x0=0;element.y0=0;
 element.x1=0;element.y1=0;
 element.w0=0;element.h0=0;
 element.offx=6;element.offy=6;
 element.padx=0;element.pady=0;
 element.minW=90;element.minH=(BROWSERNAME=="ns"?20:20);
 element.moveable=false;
 element.resizable=false;
 element.hover='orange';element.normal='#336699';
 element.minButton=BROWSERNAME=="ie"?"0":"_";
 element.maxButton=BROWSERNAME=="ie"?"1":"=";
 element.normalButton=BROWSERNAME=="ie"?"2":"+";
 element.closeButton=BROWSERNAME=="ie"?"r":"X";
 element._title="Untitled Window";
 element._body="";
 element._winRect={l:0,t:0,w:0,h:0};
 element._restoredWinRect={l:0,t:0,w:0,h:0};
 element._windowState="normal";
 element.settingNode=getElementByClassName(element,"xWinSetting");
 if(!element.settingNode){
  element.settingNode=document.createElement("div");
  element.settingNode.className="xWinSetting";
  element.settingNode.xwin=element;
  element.appendChild(element.settingNode);
 }
 element.xwin=element;
 
 //设置方法
 element.Close=_xWin_method_Close;
 element.Destroy=_xWin_method_Destroy;
 element.GetSetting=_xWin_method_GetSetting;
 element.Max=_xWin_method_Max;
 element.Min=_xWin_method_Min;
 element.MoveTo=_xWin_method_MoveTo;
 element.ResizeTo=_xWin_method_ResizeTo;
 element.SetContent=_xWin_method_SetContent;
 element.SetTitle=_xWin_method_SetTitle;
 element.ShowHide=_xWin_method_ShowHide;
 
 //设置事件
 element.onmousedown=_xWin_event_doMDown;
 element.onmouseup=element.onlosecapture=_xWin_event_doMUp;
 element.onmousemove=_xWin_event_doMMove;
 element.onclick=_xWin_event_doClick;
 element.onselectstart=element.onselect=_xWin_event_doSelect;
 
 //记录显示风格
 var tempDisplay=element.style.display;
 //改变显示风格
 element.style.display="block";
 //设置窗口变量
 var w=parseInt(element.GetSetting("width"));
 w=isNaN(w)?(element.offsetWidth+10):parseInt(w);
 w=w<element.minW?element.minW:w;
 var h=parseInt(element.GetSetting("height"));
 h=isNaN(h)?(element.offsetHeight+30):parseInt(h);
 h=h<element.minH?element.minH:h;
 var l=parseInt(element.GetSetting("left"));
 l=isNaN(l)?element.offsetLeft:parseInt(l);
 l=l<1?1:l;
 var t=parseInt(element.GetSetting("top"));
 t=isNaN(t)?element.offsetTop:parseInt(t);
 t=t<1?1:t;
 var z=element.ownerDocument.index;
 var title=new String(element.GetSetting("title"));
 
 //设置窗口标题
 element.oTitle=element.ownerDocument.createElement("div");
 element.oTitle.xwin=element;
 element.oTitle.className="xTitle";
 element.appendChild(element.oTitle);
 
 //设置窗口标题内容
 element.oTitleContent=element.ownerDocument.createElement("span");
 element.oTitleContent.xwin=element;
 element.oTitleContent.className="xWinTitleContent";
 element.oTitle.appendChild(element.oTitleContent);
 element.oTitleContent.ondblclick=function(){this.xwin.Max();};
 element.SetTitle(title);
 
 //设置窗口标题关闭按钮
 element.oTitleCButton=element.ownerDocument.createElement("input");
 element.oTitleCButton.xwin=element;
 element.oTitleCButton.type="button";
 element.oTitleCButton.className="xWinTitleCloseButton";
 element.oTitle.appendChild(element.oTitleCButton);
 element.oTitleCButton.onclick=function(){this.xwin.ShowHide("none");};
 element.oTitleCButton.value=element.closeButton;
 
 //设置窗口标题最大化按钮
 element.oTitleMaButton=element.ownerDocument.createElement("input");
 element.oTitleMaButton.xwin=element;
 element.oTitleMaButton.type="button";
 element.oTitleMaButton.className="xWinTitleMaxButton";
 element.oTitle.appendChild(element.oTitleMaButton);
 element.oTitleMaButton.onclick=function(){this.xwin.Max();};
 element.oTitleMaButton.value=element.maxButton;
 
 //设置窗口标题最小化按钮
 element.oTitleMButton=element.ownerDocument.createElement("input");
 element.oTitleMButton.xwin=element;
 element.oTitleMButton.type="button";
 element.oTitleMButton.className="xWinTitleMinButton";
 element.oTitle.appendChild(element.oTitleMButton);
 element.oTitleMButton.onclick=function(){this.xwin.Min();};
 element.oTitleMButton.value=element.minButton;
 
 //设置窗口内容
 element.oContent=element.ownerDocument.createElement("div");
 element.oContent.xwin=element;
 element.oContent.className="xWinBody";
 element.appendChild(element.oContent);
 oC=element.firstChild;
 while(oC){
  tC=oC.nextSibling;
  if(oC!=element.oTitle&&oC!=element.oContent){   
   element.oContent.appendChild(oC);
  }
  oC=tC;
 }
 
 //设置窗口阴影
 element.oShadow=element.ownerDocument.createElement("div");
 element.oShadow.xwin=element;
 element.oShadow.className="xShadow";
 element.parentNode.insertBefore(element.oShadow,element.nextSibling);
 element.oShadow.style.zIndex=z-1;
 
 element.MoveTo(l,t);
 element.ResizeTo(w,h);
 
 //恢复显示风格
 element.style.display=tempDisplay;
 //设置窗口样式
 with(element.style){
  zIndex=z;
  backgroundColor=element.normal;
  color=element.normal;
 }
 padx=element.offsetWidth-element.clientWidth;
 pady=element.offsetHeight-element.clientHeight;
 
}

function _xWin_event_doMDown(evt){
 var e=evt?evt:window.event;
 var eSrc=e.srcElement?e.srcElement:e.target;
 var leftButton=e.srcElement?e.button==1:e.button==0;

 if(this.style.zIndex!=this.ownerDocument.index){//将窗口放到最前
  this.ownerDocument.index+=2;
  var idx = this.ownerDocument.index;
  this.style.zIndex=idx;
  this.nextSibling.style.zIndex=idx-1;
 }
 if(eSrc==this.oTitleContent&&leftButton&&this._windowState=="normal"){//如果开始拖动
  //锁定标题栏;
  document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();
  //定义对象;
  var win = this;
  var sha = win.nextSibling;
  //记录鼠标和层位置;
  this.x0 = e.clientX;
  this.y0 = e.clientY;
  this.x1 = parseInt(win.style.left);
  this.y1 = parseInt(win.style.top);
  //改变风格;
  this.oTitle.style.backgroundColor = this.hover;
  win.style.borderColor = this.hover;
  this.oTitle.nextSibling.style.color = this.hover;
  sha.style.left = this.x1 + this.offx;
  sha.style.top  = this.y1 + this.offy;
  this.moveable = true;
  return(true);
 }
 if(this.style.cursor!="default"&&this._windowState=="normal"){//开始改变大小
  //锁定标题栏;
  document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();
  //定义对象;
  var win = this;
  var sha = win.nextSibling;
  //记录鼠标位置和层位置和大小;
  this.x0=e.clientX;
  this.y0=e.clientY;
  this.x1=parseInt(win.offsetLeft);
  this.y1=parseInt(win.offsetTop);
  this.w0=parseInt(win.offsetWidth);
  this.h0=parseInt(win.offsetHeight);
  //改变风格;
  this.oTitle.style.backgroundColor = this.hover;
  win.style.borderColor = this.hover;
  this.oTitle.nextSibling.style.color = this.hover;
  sha.style.left = this.x1 + this.offx;
  sha.style.top  = this.y1 + this.offy;
  this.resizable = true;
  return(true);
 }
}

function _xWin_event_doMUp(evt){
 var e=evt?evt:window.event;
 document.releaseEvents?document.releaseEvents("mousemove",this.oTitle):this.oTitle.releaseCapture();
 if(this.moveable){
  var win = this;
  var sha = win.nextSibling;
  var msg = this.oTitle.nextSibling;
  win.style.borderColor     = "";
  this.oTitle.style.backgroundColor = "";
  msg.style.color           = "";
  sha.style.left = this.oTitle.parentNode.style.left;
  sha.style.top  = this.oTitle.parentNode.style.top;
  this.moveable = false;
  return(false);
 }
 if(this.resizable){
  var win = this;
  var sha = win.nextSibling;
  var msg = this.oTitle.nextSibling;
  win.style.borderColor     = "";
  this.oTitle.style.backgroundColor = "";
  msg.style.color           = "";
  sha.style.left = this.oTitle.parentNode.style.left;
  sha.style.top  = this.oTitle.parentNode.style.top;
  sha.style.width = this.oTitle.parentNode.style.width;
  sha.style.height = this.oTitle.parentNode.style.height;
  this.style.cursor="default";
  this.resizable = false;
  return(false);
 }
}

function _xWin_event_doMMove(evt){
 var e=evt?evt:window.event;
 if(this.moveable){//拖动窗口
  this.MoveTo(this.x1 + e.clientX - this.x0, this.y1 + e.clientY - this.y0);
  return(true);
 }
 if(this.resizable){//改变窗口大小
  var xxx=this.style.cursor.substring(0,2).match(/[we]/i);
  var yyy=this.style.cursor.substring(0,2).match(/[ns]/i);
  l=this.offsetLeft;
  t=this.offsetTop;
  w=parseInt(this.style.width);
  h=parseInt(this.style.height);
  if(xxx=="w"){
   l=this.x1+e.clientX - this.x0;
   w=this.w0+this.x0-e.clientX;
   if(l<0){w+=l;l=0;}
   if(w<this.minW){l=l+w-this.minW;w=this.minW;}
  }
  if(xxx=="e"){
   w=this.w0+e.clientX-this.x0;
   w=w<this.minW?this.minW:w;
  }
  if(yyy=="n"){
   t=this.y1+e.clientY - this.y0;
   h=this.h0+this.y0-e.clientY;
   if(t<0){h+=t;t=0;}
   if(h<this.minH){t=t+h-this.minH;h=this.minH;}
  }
  if(yyy=="s"){
   h=this.h0+e.clientY-this.y0;
   h=h<this.minH?this.minH:h;
  }
  this.MoveTo(l,t);
  this.ResizeTo(w,h);
  
  return(true);
 }
 if(this._windowState=="normal"){
  var cc="";
  x=window.getRealLeft(this);
  y=window.getRealTop(this);
  w=parseInt(this.offsetWidth);
  h=parseInt(this.offsetHeight);
  if(e.clientY-y<5)cc+="n";
  if(y+h-e.clientY<5)cc+="s";
  if(e.clientX-x<5)cc+="w";
  if(x+w-e.clientX<5)cc+="e";
  if(cc!=""){
   this.style.cursor=cc+"-resize";
   return(true);
  }
  if(this.style.cursor!="default"){
   this.style.cursor="default";
  }
 }
}

function _xWin_event_doClick(evt){
 var e=evt?evt:window.event;
 var eSrc=e.srcElement?e.srcElement:e.target;
 switch(eSrc){
  
 }
}

function _xWin_event_doSelect(evt){
 var e=evt?evt:window.event;
 var eSrc=e.srcElement?e.srcElement:e.target;
 if(eSrc==this.oTitle||this.oTitle.contains(eSrc)){
  e.cancelBubble=true;
  e.returnValue=false;
  return(false);
 }
}

function _xWinParentNode_event_doScroll(evt){
 if(!this.minimizedWindows)return(true);
 for(var i=0;i<this.minimizedWindows.length;i++){
  this.minimizedWindows[i].Min(true);
 }
}

 

//**方法函数区******

function _xWin_method_Close(){
 this.Destroy();
}

function _xWin_method_Destroy(){
 if(this.minIndex){
  this.parentNode.minimizedWindows[this.minIndex]=null;
  this.minIndex=null;
 }
 this.outerHTML="";
}

function _xWin_method_GetSetting(attributeName){
 var settingString=this.settingNode.innerHTML;
 if(!attributeName)return(settingString);
 var regE=new RegExp(attributeName+"=[ \t]*\"?([^\"]*)","i");
 var re=settingString.match(regE);
 if(re){
  return(re[1]);
 }else{
  return(re);
 }
}

function _xWin_method_Max(reV){
 if(this._windowState=="maximize"&&(!reV)){
  //还原父节点overflow属性
  this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow;
  
  this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t);
  this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h);
  this.oTitleMButton.value = this.minButton;
  this.oTitleMaButton.value = this.maxButton;
  this._windowState="normal";
 }else{
  if(this._windowState=="normal"){
   this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t;
   this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h;
  }
  if(this.minIndex!=null){
   this.parentNode.minimizedWindows[this.minIndex]=null;
   this.minIndex=null;
  }
  if(this.minTimeHandle!=null){
   __xSeriaTimer__.pop(this.minTimeHandle);
   this.minTimeHandle=null;
  }
  //纪录父节点overflow属性
  this.parentNode.restoredStyle_overflow=this.parentNode.style.overflow;
  //改变父节点overflow属性
  this.parentNode.style.overflow="hidden";
  
  this.MoveTo(0,0);
  if(this.parentNode!=document.body){
   w=this.parentNode.clientWidth-5;
   h=this.parentNode.clientHeight-4;
  }else{
   w=document.documentElement.clientWidth-5;
   h=document.documentElement.clientHeight-4;
  }
  this.ResizeTo(w,h);
  this.oTitleMButton.value = this.minButton;
  this.oTitleMaButton.value = this.normalButton;
  this._windowState="maximize";
  this.scrollIntoView();
 }
}

function _xWin_method_Min(reV){
 if(this._windowState=="minimize"&&(!reV)){
  this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t);
  this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h);
  this.oTitleMButton.value = this.minButton;
  this.oTitleMaButton.value = this.maxButton;
  this._windowState="normal";
  this.parentNode.minimizedWindows[this.minIndex]=null;
  this.minIndex=null;
  if(this.minTimeHandle!=null){
   __xSeriaTimer__.pop(this.minTimeHandle);
   this.minTimeHandle=null;
  }
 }else{
  if(this._windowState=="normal"){
   this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t;
   this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h;
  }else{
   //还原父节点overflow属性
   try{
    this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow;
   }catch(e){}
  }
  if(!this.parentNode.minimizedWindows)this.parentNode.minimizedWindows=new Array();
  if(this._windowState!="minimize"){
   for(var i=0;i<this.parentNode.minimizedWindows.length;i++){
    if(this.parentNode.minimizedWindows[i]==null)break;
   }
   this.parentNode.minimizedWindows[i]=this;
  }else{
   i=this.minIndex;
  }
  this.ResizeTo(0,0);
  var w=this.offsetWidth;
  var h=this.offsetHeight;
  var mw=getParentRect(this).mw;
  var mh=getParentRect(this).mh;
  var n=parseInt(mw/w);
  var t=parseInt(i/n)+1;
  this.MoveTo(w*(i%n),mh-t*h-1);
  if(mh>getParentRect(this).mh){
   this.MoveTo(w*(i%n),mh-t*h-200);
   mh=getParentRect(this).mh;
   this.MoveTo(w*(i%n),mh-t*h-1);
  }
  this.minIndex=i;
  this.oTitleMButton.value = this.normalButton;
  this.oTitleMaButton.value = this.maxButton;
  this._windowState="minimize";
  if(this.minTimeHandle==null){
   this.minTimeHandle=__xSeriaTimer__.push("Min(true)",this);
   this.scrollIntoView();
  }
 }
}

function _xWin_method_MoveTo(x,y){
 var win = this.oTitle.parentNode;
 var sha = win.nextSibling;
 
 x=isNaN(x)?0:parseInt(x);
 y=isNaN(y)?0:parseInt(y);
 x=x<0?0:x;
 y=y<0?0:y;
 this.style.left=x+"px";
 this.style.top=y+"px";
 
 sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px";
 sha.style.top  = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px";
 this._winRect.l=x;
 this._winRect.t=y;
}

function _xWin_method_ResizeTo(w,h){
 var win = this;
 var sha = win.nextSibling;
  
 var w=isNaN(w)?this.minW:parseInt(w);
 var h=isNaN(h)?this.minH:parseInt(h);
 var w=w<this.minW?this.minW:w;
 var h=h<this.minH?this.minH:h;
 
 this.style.width=w+"px";
 this.style.height=h+"px";

 this.oTitle.style.width=parseInt(this.clientWidth)+"px";
 var wTC=this.clientWidth;
 for(var i=0;i<this.oTitle.childNodes.length;i++){
  if(this.oTitle.childNodes[i]!=this.oTitleContent){wTC-=this.oTitle.childNodes[i].offsetWidth;}
 }
 wTC-=8;
 this.oTitleContent.style.width=(wTC<1?1:wTC)+"px";
 
 var wC=this.clientHeight-this.oTitle.offsetHeight-6;
 this.oContent.style.height=(wC<1?1:wC)+"px";
 this.oContent.style.width=parseInt(this.clientWidth-6)+"px";
 sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px";
 sha.style.top  = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px";
 sha.style.width = parseInt(win.style.width)+"px";
 sha.style.height = parseInt(win.style.height)+"px";
 
 this._winRect.w=w;
 this._winRect.h=h;
}

function _xWin_method_SetContent(v){
 if(this.oContent){
  if(v==null||v==undefined||v==""){this._body=this.oContent.innerHTML="";return(this.oContent);}
  if(typeof(v)=="string"){
   this._body=this.oContent.innerHTML=v;
   return(this.oContent);
  }else{
   try{
    this.oContent.innerHTML="";
    this._body=this.oContent.appendChild(v);
    return(this.oContent);
   }catch(e){
    throw(e);
   }
  }
 }else{
  this._body=v;
  return(null);
 }
}

function _xWin_method_SetTitle(strT){
 this._title=strT==null?this._title:strT;
 if(this.oTitleContent){
  setInnerText(this.oTitleContent,this._title);
 }
}

function _xWin_method_ShowHide(dis){
 var bdisplay = (dis==null)?((this.style.display=="none")?"":"none"):dis;
 this.style.display = bdisplay;
 this.nextSibling.style.display = bdisplay;
 if(bdisplay=="none"){
  if(this._windowState=="minimize"){
   this.parentNode.minimizedWindows[this.minIndex]=null;
   this.minIndex=null;
  }
 }else{
  if(this._windowState=="minimize"){
   this.Min();
  }
 }
}


//**通用函数区***
function getRealLeft(o){
 var l=o.offsetLeft-o.scrollLeft;
 while(o=o.offsetParent){
  l+=o.offsetLeft-o.scrollLeft;
 }
 return(l);
}

function getRealTop(o){
 var t=o.offsetTop-o.scrollTop;
 while(o=o.offsetParent){
  t+=o.offsetTop-o.scrollTop;
 }
 return(t);
}

function setInnerText(obj,text){
 switch(BROWSERNAME){
  case "ns":
   obj.textContent=text;
  break;
  case "ie":
  default:
   obj.innerText=text;
 }
}

function getElementByClassName(obj,className){
 for(var i=0;i<obj.childNodes.length;i++){
  if(obj.childNodes[i].className==className)return(obj.childNodes[i]);
 }
 return(null);
}

function getParentRect(obj){
 var re=new Object();
 if(obj.parentNode!=document.body){
  re.mw=Math.max(obj.parentNode.scrollWidth,obj.parentNode.clientWidth);
  re.mh=Math.max(obj.parentNode.scrollHeight,obj.parentNode.clientHeight);
 }else{
  re.mw=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth);
  re.mh=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);
 }
 return(re);
} 
//]]>
</script>
</head>
<body>

<div class="xWin" id="win1" >
 <span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是传说中那个超长的窗口标题"</span>
 我就是传说中那个超长的窗口标题我就是传说
 <div class="xWin" id="win30" >
  <span class="xWinSetting"> width="100" top="20" left="20" title="我就是传说中那个超长的窗口标题"</span>
  中那个超长的窗口标题我就是传说中那个超<br/>长的窗口标题我就是传说中那个超长
 </div>
 的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题
 我就是传说中那个超长的
 <div class="xWin" id="win31" >
  <span class="xWinSetting">width="100" top="40" left="40" title="我就是传说中那个超长的窗口标题" </span>
  中那个超长的窗口标题我就是传说中那个超<br/>长的窗口标题我就是传说中那个超长
 </div>
 窗口标题我就是传说中那
 个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那个超长的窗口标题我就是传说中那
 个超长的窗口标题我就是传说中那个超长的窗口标题
 c<br/>
 12345
</div>

<div class="xWin" id="win2">
 <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>
 我是窗口2<br/>
 我是窗口2<br/>
 我是窗口2<br/>
 我是窗口2<br/>
 <a href="javascript:void(0);">更换标题</a>
 我是窗口2<br/>
 我是窗口2<br/>
 我是窗口2<br/>
 我是窗口2<br/>
</div>

<a href="javascript:win1.ShowHide('');void(0);">win1</a>
<a href="javascript:win2.ShowHide('');void(0);">win2</a>
<a href="javascript:document.getElementById('win3').ShowHide('');void(0);">win3</a>
<a href="javascript:document.getElementById('win4').ShowHide('');void(0);">win4</a>
<div id="ssss"></div>
</body>
</html>

效果：
 



kelven 2006-06-30 11:19 发表评论
]]>用层做的一个模拟窗口http://www.blogjava.net/zhangrenquan/articles/55893.htmlkelvenkelvenFri, 30 Jun 2006 03:05:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55893.htmlhttp://www.blogjava.net/zhangrenquan/comments/55893.htmlhttp://www.blogjava.net/zhangrenquan/articles/55893.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55893.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55893.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="Microsoft FrontPage 6.0">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" href="vwindow.css" />
<script language="javascript" type="text/javascript">
function show()
{
    var v_ht = parseInt(document.getElementById("ht").value);
    var v_wd = parseInt(document.getElementById("wd").value);
    var v_co_x = parseInt(document.getElementById("cooX").value);
    var v_co_y = parseInt(document.getElementById("cooY").value);
    var v_tt = document.getElementById("tt").value;
    var v_main = document.getElementById("main").value;
    var v_st = document.getElementById("st").value;
    showvw(v_ht,v_wd,v_co_y,v_co_x,v_tt,v_main,0,v_st);
}
</script>
</head>

<body>
<script language="JavaScript" src="vwindow.js"></script>
虚拟窗口--jat 2005-05-15&nbsp; <a href="http://www.tmcode.net/">
http://www.tmcode.net</a><br />
<br />
参数：

<hr>
高度：&nbsp; <input type="text" id="ht" size="7"><br />
宽度：&nbsp; <input type="text" id="wd" size="7"><br />
坐标X： <input type="text" id="cooX" size="7"><br />
坐标Y： <input type="text" id="cooY" size="7"><br />
标题：&nbsp; <input type="text" id="tt" size="25"><br />
内容：&nbsp; <textarea id="main" rows="6" cols="41" ></textarea><br />
状态栏：<input type="text" id="st" size="25"><p>
<br />
<button onclick="show()" style="width: 254px; height: 26px">显示</button>

</p>
<p>

<br />
<font color="#FF00FF">CTRL+D</font> 调出调试窗口,详细参数见vwindow.js注释,请自行更改vwindow.css样式</p>
</body>
</html>


css 样式：vwindow.css
#vwin {background-color:#ffcc66;border:outset 1px;position:absolute;visibility:hidden;width:300px;height:200px;cursor:crosshair;}
#vwTit{background-color:#3399FF;}
#vwTitle {color:#ffffff;font-size:10pt;font-weight:bold;text-align:left;}
#vwStatus {background-color:#88ddff;font-size:9pt;}
#vwText {background-color:#88ddff;border:0px;font-size:9pt;padding:8px;}
table{word-break:break-all;}


javascript ：vwindow.js
/**
 * 虚拟窗口
 * 制作：jat
 * 2005-05-15
**/
var inivw
var tbx;
var tby;

inivw = "<div id='vwin'>";
/***标题栏***/
inivw += "<table cellspacing='0' cellpadding='0' border='0' width='100%' id='vwTit'>";
inivw += "<tr><td id='vwIcon' width='25'><img src='image/bomber.gif' border='0' height='25' width='25' ondblclick='hidevw()'></td><td id='vwTitle' onmousemove='dr_mv()' onmousedown='xy();setCapture()' onmouseup='releaseCapture()'>title</td><td id='vwButton' align='right' width='25'><img src='image/error.gif' border='0' height='25' width='25' alt='关闭' onclick='hidevw()'></td></tr>";
inivw += "</table>";
/***标题栏***/

/***内容区***/
inivw += "<table cellspacing='0' cellpadding='0' border='0' width='100%' height='100%'>";
inivw += "<tr><td id='vwText' valign='top'></td></tr>";
inivw += "</table>";
/***内容区***/

/***状态栏***/
inivw += "<table cellspacing='0' cellpadding='0' border='0' width='100%' height='20' >";
inivw += "<tr><td id='vwStatus'>rrr</td></tr>";
inivw += "</table>";
/***状态栏***/

inivw += "</div>";
document.write(inivw);
inivw = "";
function showvw(Ht,Wd,Tp,Lt,Tt,Txt,Icon,stat,name)   //showvw(高度,宽度,垂直坐标,水平坐标,标题,内容,图标,状态栏信息)
 {
  var vwHeight;
  var vwWidth;
  var vwTop;
  var vwLeft;
  var vwTitle;
  var vwIcon;
  var vwText;
  var vwStat;

  if(Ht && Ht > 30)
   vwHeight = Ht;
  else
   vwHeight = 150;
  if(Wd && Wd > 100)
   vwWidth = Wd;
  else
   vwWidth = 400;
  if(Tp && Tp > 0)
   vwTop = Tp;
  else
   vwTop = Math.max(Math.round((document.body.offsetHeight-vwHeight)/2),0);
  if(Lt && Lt > 0)
   vwLeft = Lt;
  else
   vwLeft = Math.max(Math.round((document.body.offsetWidth-vwWidth)/2),0);
  if(Tt)
   vwTitle = Tt;
  else
   vwTitle = "无标题";
  if(Txt)
   vwText = Txt;
  else
   vwText = "无内容";
  if(stat)
   vwStat = stat;
  else
   vwStat = "";
  document.getElementById("vwin").style.height = vwHeight;
  document.getElementById("vwin").style.width = vwWidth;
  document.getElementById("vwin").style.left = vwLeft;
  document.getElementById("vwin").style.top = vwTop;
  document.getElementById("vwTitle").innerText = vwTitle;
  document.getElementById("vwText").innerHTML = vwText;
  document.getElementById("vwStatus").innerHTML = vwStat;
  document.getElementById("vwin").style.visibility = "visible";
 }
function xy()
 {
  tbx = event.offsetX + 29;
  tby = event.offsetY + 4;
 }
function dr_mv()
{
  if(event.button==1)
   {
   document.getElementById("vwin").style.left = document.body.scrollLeft + event.clientX-tbx;
   document.getElementById("vwin").style.top = document.body.scrollTop + event.clientY-tby;
   }
}
function hidevw()
 {
  document.getElementById("vwin").style.visibility = "hidden";
 }
function run_script()
{
    var msg = "";
    var cmd;
    var type;
    var txt = document.getElementById("in_cmd").value;
    try
    {
        cmd = eval(txt);
        type = typeof (cmd);
    }
    catch(e)
    {
        cmd = "";
        type = "";
        msg = "输入的变量不存在，请检查变量名，注意大小写！";
    }
    if(type === "string")
        msg = "长度："+cmd.length;
    if(cmd === null)
        msg = "变量为空值！";
    if(cmd === undefined)
        msg = "变量未初始化！";
    alert("值："+cmd+"\n"+"类型："+type+"\n"+msg);
}
function debug()
{
    if(event.ctrlKey && event.keyCode == 68)
        {
        var DBG_txt = "";
        DBG_txt += "<br /><center><b>请输入命令</b><br /><input type=\"text\" style=\"text-align:center;\" value=\"\" size=40 id=in_cmd><br /><input type=\"button\" value=\"显示/运行\" onclick=\"run_script()\">";
        DBG_txt += "</center>";
        showvw(31,350,0,0,"Debug",DBG_txt,"debug.gif","");
        document.getElementById("in_cmd").focus();
        }
}
document.body.onkeydown = debug;



kelven 2006-06-30 11:05 发表评论
]]>文本的渐隐渐现交替http://www.blogjava.net/zhangrenquan/articles/55888.htmlkelvenkelvenFri, 30 Jun 2006 02:53:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55888.htmlhttp://www.blogjava.net/zhangrenquan/comments/55888.htmlhttp://www.blogjava.net/zhangrenquan/articles/55888.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55888.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55888.html  <script language=javascript>
    var time=3000;  //信息显示的时间间隔
    var n=0;
    var notes=new Array();  //显示的信息
    notes[0]='1.首先点击右侧的“增加”按钮以增加一个选择符；';
    notes[1]='2.然后在类别窗口中选择您要定义的类别；';
    notes[2]='3.在属性窗口中定义具体的属性及值；';
    notes[3]='4.如需要，反复进行1-3步的操作；';
    notes[4]='5.定义完毕后，可以在代码窗口中拷贝或保存；';
    notes[5]='6.点击右侧的“删除”可以删除某一条CSS；';
    notes[6]='7.点击右侧的“清空”可全部清空以前定义的属性；';
    notes[7]='8.清空后就可以重新定义一组全新的CSS了；';
    notes[8]='9.更多信息可查看<a href=#none>帮助</a>。';
    function hideNotes()
    {
      notesPlace.filters.alpha.opacity-=10;
      if(notesPlace.filters.alpha.opacity!=0)
        setTimeout('hideNotes();',50);
      else
      {
        n=(n+1)%9;
        showNotes();
      }
    }
    function showNotes()
    {
      notesPlace.innerHTML=notes[n];
      notesPlace.filters.alpha.opacity+=10;
      if(notesPlace.filters.alpha.opacity!=100)
        setTimeout('showNotes();',50);
      else
        setTimeout('hideNotes();',time);
    }
    document.writeln(notes[0]);
    setTimeout('hideNotes();',time);
  </script>
</div>


kelven 2006-06-30 10:53 发表评论
]]>window.showModalDialog以及window.open用法简介http://www.blogjava.net/zhangrenquan/articles/55884.htmlkelvenkelvenFri, 30 Jun 2006 02:48:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55884.htmlhttp://www.blogjava.net/zhangrenquan/comments/55884.htmlhttp://www.blogjava.net/zhangrenquan/articles/55884.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55884.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55884.html 一、window.open()

支持环境：
JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

基本语法：
window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

示例：
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。
请对照。

上例中涉及的为常用的几个参数，除此以外还有很多其他参数。

各项参数：
其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。

参数 | 取值范围 | 说明

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

二、window.showModalDialog使用手册

基本介绍：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明：
sURL--
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
1.dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
7.resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } ［IE5+］：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

参数传递：
1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>


modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为：" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>

modal.htm
<script>
window.returnValue=" http://www.51js.com ";
</script>


kelven 2006-06-30 10:48 发表评论
]]>关于document.execCommand()函数可用参数http://www.blogjava.net/zhangrenquan/articles/55881.htmlkelvenkelvenFri, 30 Jun 2006 02:44:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55881.htmlhttp://www.blogjava.net/zhangrenquan/comments/55881.htmlhttp://www.blogjava.net/zhangrenquan/articles/55881.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55881.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55881.htmlAbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。
BackColor 设置或获取当前选中区的背景颜色。
BlockDirLTR 目前尚未支持。
BlockDirRTL 目前尚未支持。
Bold 切换当前选中区的粗体显示与否。
BrowseMode 目前尚未支持。
Copy 将当前选中区复制到剪贴板。
CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
CreateLink 在当前选中区上插入超级链接，或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。
Cut 将当前选中区复制到剪贴板并删除之。
Delete 删除当前选中区。
DirLTR 目前尚未支持。
DirRTL 目前尚未支持。
EditMode 目前尚未支持。
FontName 设置或获取当前选中区的字体。
FontSize 设置或获取当前选中区的字体大小。
ForeColor 设置或获取当前选中区的前景(文本)颜色。
FormatBlock 设置当前块格式化标签。
Indent 增加选中文本的缩进。
InlineDirLTR 目前尚未支持。
InlineDirRTL 目前尚未支持。
InsertButton 用按钮控件覆盖当前选中区。
InsertFieldset 用方框覆盖当前选中区。
InsertHorizontalRule 用水平线覆盖当前选中区。
InsertIFrame 用内嵌框架覆盖当前选中区。
InsertImage 用图像覆盖当前选中区。
InsertInputButton 用按钮控件覆盖当前选中区。
InsertInputCheckbox 用复选框控件覆盖当前选中区。
InsertInputFileUpload 用文件上载控件覆盖当前选中区。
InsertInputHidden 插入隐藏控件覆盖当前选中区。
InsertInputImage 用图像控件覆盖当前选中区。
InsertInputPassword 用密码控件覆盖当前选中区。
InsertInputRadio 用单选钮控件覆盖当前选中区。
InsertInputReset 用重置控件覆盖当前选中区。
InsertInputSubmit 用提交控件覆盖当前选中区。
InsertInputText 用文本控件覆盖当前选中区。
InsertMarquee 用空字幕覆盖当前选中区。
InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。
InsertParagraph 用换行覆盖当前选中区。
InsertSelectDropdown 用下拉框控件覆盖当前选中区。
InsertSelectListbox 用列表框控件覆盖当前选中区。
InsertTextArea 用多行文本输入控件覆盖当前选中区。
InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。
Italic 切换当前选中区斜体显示与否。
JustifyCenter 将当前选中区在所在格式化块置中。
JustifyFull 目前尚未支持。
JustifyLeft 将当前选中区所在格式化块左对齐。
JustifyNone 目前尚未支持。
JustifyRight 将当前选中区所在格式化块右对齐。
LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观，而不是只在移动或缩放完成后更新。
MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。
Open 目前尚未支持。
Outdent 减少选中区所在格式化块的缩进。
OverWrite 切换文本状态的插入和覆盖。
Paste 用剪贴板内容覆盖当前选中区。
PlayImage 目前尚未支持。
Print 打开打印对话框以便用户可以打印当前页。
Redo 目前尚未支持。
Refresh 刷新当前文档。
RemoveFormat 从当前选中区中删除格式化标签。
RemoveParaFormat 目前尚未支持。
SaveAs 将当前 Web 页面保存为文件。
SelectAll 选中整个文档。
SizeToControl 目前尚未支持。
SizeToControlHeight 目前尚未支持。
SizeToControlWidth 目前尚未支持。
Stop 目前尚未支持。
StopImage 目前尚未支持。
StrikeThrough 目前尚未支持。
Subscript 目前尚未支持。
Superscript 目前尚未支持。
UnBookmark 从当前选中区中删除全部书签。
Underline 切换当前选中区的下划线显示与否。
Undo 目前尚未支持。
Unlink 从当前选中区中删除全部超级链接。
Unselect 清除当前选中区的选中状态。

kelven 2006-06-30 10:44 发表评论
]]>JavaScript通用库（二） http://www.blogjava.net/zhangrenquan/articles/55877.htmlkelvenkelvenFri, 30 Jun 2006 02:39:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55877.htmlhttp://www.blogjava.net/zhangrenquan/comments/55877.htmlhttp://www.blogjava.net/zhangrenquan/articles/55877.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55877.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55877.html阅读全文

kelven 2006-06-30 10:39 发表评论
]]>JavaScript通用库（一）http://www.blogjava.net/zhangrenquan/articles/55876.htmlkelvenkelvenFri, 30 Jun 2006 02:38:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55876.htmlhttp://www.blogjava.net/zhangrenquan/comments/55876.htmlhttp://www.blogjava.net/zhangrenquan/articles/55876.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55876.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55876.html阅读全文

kelven 2006-06-30 10:38 发表评论
]]>JavaScript对象与数组参考大全!http://www.blogjava.net/zhangrenquan/articles/55875.htmlkelvenkelvenFri, 30 Jun 2006 02:37:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55875.htmlhttp://www.blogjava.net/zhangrenquan/comments/55875.htmlhttp://www.blogjava.net/zhangrenquan/articles/55875.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55875.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55875.htmlhttp://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。
　　顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。

　　B.1 anchor对象
　　使用<A NAME=>标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。
　　anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。

　　B.2 anchors数组
　　anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。
　　属性
　　length 文档内的锚点个数

　　B.3 array对象
　　array对象是Netscape Navlgator 3.0 beta 3中引入的一个新的对象,因而,它不能在Netscape 2.0中使用它是一个内置对象,而不是其它对象的属性。
　　属性
 　length 数组中的值个数

　　B.4 button对象
　　它是form对象的一个属性,使用<INPUT TYPE="BUTTON">标记来创建。
　　属性
　　name HTML标记中的NAME=特性
　　value HTML标记中的VALUE=特性
　　方法
　　click 模拟鼠标单击一按钮
　　事件处理程序
　　Onclick

　　B.5 checkbox 对象
　　它是form对象的一个属性,使用<INPUT TYPE="CHECKBOX">标记来创建。
　　属性
　　checked 复选框的选择状态
　　defaultChecked 标记的CHECKED=特性
　　name 标记的NAME=特性
　　value 标记的VALUE=特性
　　方法
　　click 模拟鼠标单击按钮
　　事件处理程序
　　onclick

　　B.6 Date对象
　　它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
  　方法
　　getDate() 查看Date对象并返回日期
　　getDay() 返回星期几
　　getHours() 返回小时数
　　getMinutes() 返回分钟数
　　getMonth() 返回月份值
　　getSeconds() 返回秒数
　　getTime() 返回完整的时间
　　getTimezoneoffset() 返回时区偏差值(格林威治平均时间与运行脚本的计算机所处时区设置之间相差的小时数)
　　getYear() 返回年份
　　parse() 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数(Date对象按照毫秒数的形式存储从那时起的日期和时间)但是注意,该方法当前不能正确运行
　　setDate() 改变Date对象的日期
　　setHours() 改变小时数
　　setMinutes() 改变分钟数
　　setMonth() 改变月份
　　setSeconds() 改变秒数
　　setTime() 改变完整的时间
　　setYear() 改变年份
　　toGMTString() 把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)
　　toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
　　UTC() 使用Date UTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期

　　B.7 document对象
　　该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。
　　属性
　　alinkColor 活动链接的颜色(ALINK)
　　anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象)
　　anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象)
　　bgColor 文档的背景颜色(BGCOLOR)
　　cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性
　　fgColor 文档的文本颜色(<BODY>标记里的TEXT特性)
　　form 文档中的一个窗体(<FORM>)(该属性本身也是一个对象)
　　forms anay 按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)
　　lastModified 文档最后的修改日期
　　linkColor 文档的链接的颜色,即<BODY>标记中的LINK特性(链接到用户没有观察到的文档)
　　link 文档中的一个<A HREF=>标记(该属性本身也是一个对象)
　　links array 文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象)
　　location 当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象
　　referrer 包含链接的文档的URL,用户单击该链接可到达当前文档
　　title 文档的标题((TITLE>)
　　vlinkColor 指向用户已观察过的文档的链接文本颜色,即<BODY>标记的VLINK特性
　　方法
　　clear 清除指定文档的内容
　　close 关闭文档流
　　open 打开文档流
　　write 把文本写入文档
　　writeln 把文本写入文档,并以换行符结尾

　　B.8 elements数组
　　它是form对象的一个属性,列举了窗体内各元素的一个数组。
　　属性
　　1ength 窗体内的元素个数


　　B.9 form对象
　　它是document对象的一个属性,文档内的一个窗体。
　　属性
　　action 包含了为一个窗体提交的目标URL的字符串
　　button 窗体内的一个按钮,使用<INPUT TYPE=”BUTTON”>标记来创建(该属性本身也是一个对象)
　　checkbox 复选框,使用<INPUT TYPE=”CHECKBOX”>标记来创建 (该属性本身也是一个对象)
　　elements array 一个数组,按照其出现于窗体内的顺序列举各窗体元素(该属性本身也是一个对象)
　　encoding 窗体的MIME编码
  　hidden 窗体里的一个隐藏元素(<INPUT TYPE=”HIDDEN”>)。窗体对象的一个属性(该属性本身也是一个对象)
　　length 窗体里的元素的个数
　　method 输入窗体的数据传送到服务器上的方式,即(FORM)标记中的METHOD特性
　　radio 设置在窗体里的单选按钮(<INPUT TYPE=”RADIO”>)(该属性本身也是一个对象)
　　reset 窗体里的复位按钮((1NPUT TYPE=”RESET”>)(该属性自身也是一个对象)
　　select 窗体里的选择框(<SELECT>)(该属性本身也是一个对象)
　　submit 窗体里的提交按钮(<INPUT TYPE=”SUBMIT”>)(该属性本身也是一个对象)
　　target 提交窗体后,显示回应信息的窗口的名字
　　text 窗体里的文本元素(<INPUT TYPE=”TEXT”>)(该属性本身也是一个对象)
　　textarta 窗体里的文本区元素(<TEXTAREA>)(该属性本身也是一个对象)
　　方法
　　submit 提交窗体(与使用Submit按钮的作用相同)事件处理程序
　　onsubmit

　　B.10 forms数组
　　该数组是document对象的一个属性,即列举了文档内的各窗体的一个数组。
　　属性
　　length 文档内窗体的个数

　　B.11 frame对象
　　它是window对象的一个属性,窗口内的一个框架。除了个别例外,frame对象与window对象的作用相同。
　　属性
　　frames array 列举该框架内的各个子框架的一个数组(该属性本身也是—个对象)
　　length 该框架内的框架数
　　name 框架的名字(<FRAME>标记里的NAME特性)
　　parent 包含本框架的父窗口的同义词
　　self 当前框架的同义词
　　window 当前框架的同义词
　　方法
　　clearTimeout() 用来终止setTimeout方法的工作
　　setTimeout() 等待指定的毫秒数,然后运行指令

　　B.12 frames数组
　　它既是window对象,也是frame对象的属性,列举了window或者frame对象内的各框架。
　　属性
　　length 窗口或框架对象内的框架数

　　B.13 hidden对象
　　糊为form对象的一个属性,窗体内的一个隐藏元素(<INPUT TYPE=”HIDDEN”>)。
　　属性
　　name 标记内的名字(NAME特性)
　　value 标记内的VALUE=特性

　　B.14 history对象
　　它为window对象的一个属性,该窗口的历史列表。
　　属性
　　length 历史列表中的项目数
　　方法
　　back 加载历史列表中的上一个文档
　　forward 加载历史列表中的下一个文档
　　go 加载历史列表中的一个指定文档,通过文档在列表中的位置来指定

　　B.15 image对象
　　它是document对象的一个属性,是使用(1MG)标记内嵌入文档里的一幅图像这是Netscape Navigator 3.0 beta 3引入的新对象。
　　属性
　　border <IMG>标记的BORDER特性
　　complete 表示浏览器是否完整地加载了图像的一个布尔值
　　height HEIGHT特性
　　hspace HSPACE特性
　　lowsrc LOWSRC特性
　　src SRC特性
　　vsPace VSPACE特性
　　width WIDTH特性
　　事件处理程序
　　Onload 图象载入
　　Onerror 载入错误
　　Onabort 取消

　　B.16 images数组
　　它是document对象的一个属性,文档中所有图像的列表。
　　属性
　　length 文档内的图像个数

　　B.17 link
　　它是document对象的一个属性,文档内的一个<A HREF=>标记。
　　属性
　　hash 以散列号(#)开始的一个字符串,用于指定URL内的一个锚点
　　host 包括冒号和端口号的URL的主机名部分
　　hostname 与host属性相同,除了不包括冒号和端口号外
　　href 完整的URL
　　pathname URL的目录路径部分
　　port URL的:端口部分
　　protocol URL类型(http:、ftp:、gopher:等等)
　　search 以一个问号开始的URL中的一部分,用于指定搜索信息
　　target 当用户单击一链接(TARGET特性)时,用于显示被引用文档内容的窗口
　　事件处理程序
　　Onclick 点击
　　Onmouseover 鼠标移到对象上

　　B.18 links数组
　　它是document对象的一个属性,文档内所有链接的一个列表。
　　属性
　　length 文档内的链接数

　　B.19 location对象
　　它为document对象的一个属性,该文档的完整URL，请不要把它与window.location属性相混淆,后者可用来加载一个新文档,并且window.location属性本身并不是一个对象，同时,window.location可以用脚本修改,而document.location则不能。
　　属性
　　hash 以散列号(#)开始的一个字符串,用于指定URL内的一个锚点
　　host 包括冒号和端口号的URL的主机名部分
　　hostname 与host属性相同,除了不包括冒号和端口号之外
　　href 完整的URL
　　pathname URL的目录路径部分
　　port URL的:端口部分
　　protocol URL的类型(http:、ftp:、gopher:等等)
　　search 以问号(?)开始的URL中的一部分,用于指定搜索信息
　　target 用户单击链接(TARGET特性)时,用于显示被引用文档的内容的窗口

　　B.20 math对象
　　该对象不是其它对象的一个属性,而是一个内置对象,包含了许多数学常量和函数。
　　属性
　　E 欧拉常量,自然对数的底(约等于2.718)
　　LN2 2的自然对数(约等于0.693)
　　LN10 10的自然对数(约等于2.302)
　　LOG2E 以2为底的e的对数(约等于1.442)
　　LOG10E 以10为底的e的对数(约等于o.434)
　　PI ∏的值(约等于3.14159)
　　SQRT1_2 0.5的平方根(即l除以2的平方根,约等于o.707)
　　SQRT2 2的平方根(约等于1.414)
　　方法
　　abs() 返回某数的绝对值(即该数与o的距离,例如,2与一2的绝对值都是2)
　　acos() 返回某数的反余弦值(以弧度为单位)
　　asin() 返回某数的反正弦值(以弧度为单位)
　　atan() 返回某数的反正切值(以弧度为单位)
　　ceil() 返回与某数相等,或大于该数的最小整数(ceil(-22.22)返回-22;ceil22,22)返回23;ceil(22)返回22)
　　cos() 返回某数(以弧度为单位)的余弦值
　　exp() 返回en
　　floor() 与ceil相反(floor(一22.22)返回一23;floor(22.22)返回22; floor(22)返回22)
　　10g() 返回某数的自然对数(以e为底)
　　max() 返回两数间的较大值
　　min() 返回两数问的较小值
　　pow() 返回m的n次方(其中,m为底,n为指数)
　　random() 返回0和1之间的一个伪随机数(该方法仅在Netscape
　　Navigator的UNIX版本中有效)
　　round() 返回某数四舍五入之后的整数
　　sin() 返回某数(以弧度为单位)的正弦值
　　sqrt() 返回某数的平方根
　　tan() 返回某数的正切值

　　B.2l navigator对象
　　该对象不是其它对象的属性,而是一个内置对象它包含了有关加载文档的浏览器的信息。
　　属性
　　appCodeName 浏览器的代码名(例如,Mozilla)
　　appName 浏览器的名字
　　appVersion 浏览器的版本号
　　userAgent 由客户机送到服务器的用户与代理头标文本
　　方法
　　javaEnabled JavaScript中当前并没有该方法,但是不久之后将会添加上它将查看浏览器是否为兼容JavaScript的浏览器,如果是,继续查看JavaScript是否处于支持状态。

　　B.22 options数组
　　该数组是select对象的一个属性,即选择框中的所有选项(<OPTION>)的一个列表。
　　属性
　　defaultSelected 选项列表中的缺省选项
　　index 选项列表中某选项的索引位置
　　length 选项列表中的选项数(<OPTIONS>)
　　name 选项列表的名字(NAME特性)
　　selected 表示选项列表中某选项<OPTION>是否被选中的一个布尔类型值
　　selectedIndex 选项列表中已选中的<OPTION>的索引(位置)
　　text 选项列表中<OPTION>标记后的文本
　　value 选项列表中的VALUE=特性

　　B.23 Password 对象
　　它是document对象的一个属性,一个<INPUT TYPE=”PASSWORD”>标记。
　　属性
　　defaultValue password对象的缺省值(VAlUE=特性)
　　name 对象的名字(NAME=特性)
　　value 该域具有的当前值最初与VALUE=特性(defauttValue)相同,但是,如果脚本修改了该域中的值,则该值将改变
　　方法
　　focus 把焦点从该域移开
　　blur 把焦点移到该域
　　select 选择输入区域

　　B.24 radio对象
　　它是form对象的一个属性,窗体内的一组单选按钮(选项按钮)(<INPUT TYPE=”RADIO”>)。
　　属性
　　checked 复选框或选项按钮(单选按钮)的状态
　　defaultChecked 复选框或选项按钮(单选按钮)的缺省状态
　　length 一组单选按钮中的按钮数
　　name 对象的名字(NAME=特性)
　　value VALUE=特性
　　方法
　　click 模拟鼠标单击按钮
　　事件处理程序
　　onclick 点击

　　B.25 reset 对象
　　它是form对象的一个属性,复位按钮(<INPUT TYPE=”RESET”>)。
　　属性
　　name 对象的名字(NAME=特性)
　　value VALUE=特性
　　方法
　　click 模拟鼠标单击按钮
　　事件处理程序
　　onclick 点击

　　B.26 select对象
　　它是form对象的一个属性,选择框(<SELECT>)。
　　属性
　　length 选项列表中的选项数(<OPTIONS>)
　　name 选项列表的名字(NAME特性)
　　options 列表中的选项数
　　selectedlndex 选项列表中已选中的<OPTION>的索引(位置)
　　text 选项列表中(OPTION)标记之后的文本
　　value 选项列表中的VALUE=特性
　　方法
　　blur 把焦点从选项列表中移走
　　focus 把焦点移到选项列表中
　　事件处理程序
　　Onblur 失去焦点时事件
　　onchange 更改
　　Onfocus 聚焦事件

　　B.27 string对象
　　它不是另一个对象的属性,而是一个内置对象,即一串字符字符串输入脚本中时必须位于引号内。
　　属性
　　length 字符串中的字符个数
　　方法
　　anchor() 用来把字符串转换到HTML锚点标记内(<A NAME=>)
　　big() 把字符串中的文本变成大字体(<BIG>)
　　blink() 把字符串中的文本变成闪烁字体(<BLINK>)
　　bold() 把字符串中的文本变成黑字体(<B>)
　　charAt() 寻找字符串中指定位置的一个字符
　　fixed() 把字符串中的文本变成固定间距字体(<TT>)
　　fontcolor() 改变字符串中文本的颜色(<FONT COLOR=>)
　　fontsize() 把字符串中的文本变成指定大小(<FONTSIZE=>)
　　indexOf() 用来搜索字符串中的某个特殊字符,并返回该字符的索引位置
　　italics() 把字符串中的文本变成斜字体(<I>)
　　lastlndexOf() 与indexof相似,但是向后搜索最后一个出现的字符
　　link() 用来把字符串转换到HTML链接标记中(<A HREF=>)
　　small() 把字符串中的文本变成小字体(<SMALL>)
　　strike() 把字符串中的文本变成划掉字体(<STRIKE>)
　　sub() 把字符串中的文本变成下标(subscript)字体((SUB>)
　　substring() 返回字符串里指定位置间的一部分字符串
　　sup() 把字符串中的文本变成上标(superscript)字体(<SUP>)
　　toLowerCase() 把字符串中的文本变成小写
　　toUpperCase() 把字符串中的文本变成大写

　　B.28 submit对象
　　它是form对象的一个属性,窗体中的一个提交按钮(<INPUT TYPE=”SUBMIT”>)。
　　属性
　　name 对象的名字(NAME=特性)
　　value VALUE=特性
　　方法
　　click 模拟鼠标单击按钮
　　事件处理程序
　　Onclick 点击

　　B.29 text对象
　　它是form对象的一个属性,宙体中的一个文本域(<INPUT TYPE=”TEXT”>)。
　　属性
　　defaultValue text对象的缺省值(VALUE=特性)
　　name 该对象的名字(NAME=特性)
　　Value 该域具有的当前值,最初与VALUE=特性(defaultValue)相同但是,如果脚本修改了该域中的值,则该值将改变
　　方法
　　blur 把焦点从文本框移开
　　focus 把焦点移到文本框
　　select 选择输入区域
　　事件处理程序
　　Onblur 失去焦点事件
　　Onchange 更改
　　Onfocus 聚焦事件
　　Onselect 选取事件

　　B.30 textarea对象
　　它是form对象的一个属性,宙体中的一个文本区域(<TEXTAREA>)。
　　属性
　　defaultValue textarea对象的缺省值(VALUE=特性)
　　name 该对象的名字(NAME=特性)
　　value 该域具有的当前值,最初与VALUE=特性(defaultValue)相同,但是,如果脚本修改了该域中的值,则该值将改变了。
　　方法
　　blur 把焦点从文本区移开
　　focus 把焦点移到文本区
　　select 选择输入区域事件处理程序
　　事件处理程序
　　Onblur 失去焦点事件
　　Onchange 更改
　　Onfocus 聚焦事件
　　Onselect 选取事件

　　B.31 window对象
　　它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。
　　属性
　　defaultStatus 缺省的状态条消息
　　document 当前显示的文档(该属性本身也是一个对象)
　　frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象)
　　frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对象)
　　history 窗口的历史列表(该属性本身也是一个对象)
　　length 窗口内的框架数
　　location 窗口所显示文档的完整(绝对)URL(该属性本身也是一个对象)不要把它与如document.location混淆,后者是当前显示文档的URL。用户可以改变window.location(用另一个文档取代当前文档),但却不能改变document.location(因为这是当前显示文档的位置)
　　name 窗口打开时,赋予该窗口的名字
　　opener 代表使用window.open打开当前窗口的脚本所在的窗口(这是Netscape Navigator 3.0beta 3所引入的一个新属性)
　　parent 包含当前框架的窗口的同义词。frame和window对象的一个属性
　　self 当前窗口或框架的同义词
　　status 状态条中的消息
　　top 包含当前框架的最顶层浏览器窗口的同义词
　　window 当前窗口或框架的同义词,与self相同
　　方法
　　alert() 打开一个Alert消息框
　　clearTimeout() 用来终止setTimeout方法的工作
　　close() 关闭窗口
　　confirm() 打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回true,单击Cancel返回false
　　blur() 把焦点从指定窗口移开(这是Netscape Navigator 3.0 beta 3引入的新方法)
　　focus() 把指定的窗口带到前台(另一个新方法)
　　open() 打开一个新窗口
　　prompt() 打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本
　　setTimeout() 等待一段指定的毫秒数时间,然后运行指令事件处理程序
　　事件处理程序
　　Onload() 页面载入时触发
　　Onunload() 页面关闭时触发



kelven 2006-06-30 10:37 发表评论
]]>在JS中怎样调用CSShttp://www.blogjava.net/zhangrenquan/articles/55874.htmlkelvenkelvenFri, 30 Jun 2006 02:35:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55874.htmlhttp://www.blogjava.net/zhangrenquan/comments/55874.htmlhttp://www.blogjava.net/zhangrenquan/articles/55874.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55874.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55874.html document.getElementById(id).className = “aa”;

kelven 2006-06-30 10:35 发表评论
]]>javascript 函数速查!http://www.blogjava.net/zhangrenquan/articles/55873.htmlkelvenkelvenFri, 30 Jun 2006 02:32:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55873.htmlhttp://www.blogjava.net/zhangrenquan/comments/55873.htmlhttp://www.blogjava.net/zhangrenquan/articles/55873.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55873.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55873.html阅读全文

kelven 2006-06-30 10:32 发表评论
]]>html图像预先载入http://www.blogjava.net/zhangrenquan/articles/55872.htmlkelvenkelvenFri, 30 Jun 2006 02:30:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55872.htmlhttp://www.blogjava.net/zhangrenquan/comments/55872.htmlhttp://www.blogjava.net/zhangrenquan/articles/55872.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55872.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55872.html<html>
  <head>
    <script language = "javascript">
      function preloader()
      {
         heavyImage = new Image();
         heavyImage.src = "heavyimagefile.jpg";
      }
    </script>
  </head>

  <body onLoad="javascript:preloader()">
    <a href="#" onMouseOver="javascript:document.img01.src='heavyimagefile.jpg'">
    <img name="img01" src="justanotherfile.jpg"></a>
  </body>
</html>



kelven 2006-06-30 10:30 发表评论
]]>html中框架自适应内容高度http://www.blogjava.net/zhangrenquan/articles/55870.htmlkelvenkelvenFri, 30 Jun 2006 02:29:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55870.htmlhttp://www.blogjava.net/zhangrenquan/comments/55870.htmlhttp://www.blogjava.net/zhangrenquan/articles/55870.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55870.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55870.htmlhttp://www.163.com" target="inner">163</a><br>
<a href="http://www.51js.com" target="inner">51js</a><br>
<script>
  function autoResize()  {
    try  {
      document.all["inner"].style.height=inner.document.body.scrollHeight
    }
    catch(e){}
  }
</script>
<iframe name="inner" src="http://www.51js.com" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" style="height:expression(1); aho:expression(autoResize())"   >
</iframe>
<iframe name="temp" height="0"></iframe>

kelven 2006-06-30 10:29 发表评论
]]>对象背景渐隐渐现http://www.blogjava.net/zhangrenquan/articles/55869.htmlkelvenkelvenFri, 30 Jun 2006 02:28:00 GMThttp://www.blogjava.net/zhangrenquan/articles/55869.htmlhttp://www.blogjava.net/zhangrenquan/comments/55869.htmlhttp://www.blogjava.net/zhangrenquan/articles/55869.html#Feedback0http://www.blogjava.net/zhangrenquan/comments/commentRss/55869.htmlhttp://www.blogjava.net/zhangrenquan/services/trackbacks/55869.html效果说明：
    实现鼠标移入和移出对象时的，对象背景渐隐渐现的动态效果。

<SCRIPT language=JavaScript>
<!--
    function over(obj, col,idNum) {
        changeColor(obj, col);
    }
    function out(obj,idNum) {
        changeColor(obj, "#3B77AB");
    }
    function changeColor(obj, col) {
        obj.filters.blendTrans.apply();
        obj.style.backgroundColor= col;
        obj.filters.blendTrans.play();
    }
//-->
</SCRIPT>

<style>
    .login {
        width:100px;
        height:19px;
        background-color:#3B77AB;
        filter: blendTrans(duration=0.5);
    }
</style>

<div class="login" onMouseOver="over(this, '#EFF8E2',2)" onMouseOut="out(this,2)" >
    AAAAAAAAA
    AAAAAAAAA
    AAAAAAAAA
</div>

效果（鼠标移动到对象上察看）：

kelven 2006-06-30 10:28 发表评论
]]>