BlogJava-恩达-随笔分类-JAVASCRIPThttp://www.blogjava.net/zhy-enda/category/11546.html可爱的儿子--阳阳坨zh-cnWed, 28 Feb 2007 03:50:02 GMTWed, 28 Feb 2007 03:50:02 GMT60完善控制IE标题栏---转载http://www.blogjava.net/zhy-enda/archive/2006/07/20/59193.html恩达恩达Thu, 20 Jul 2006 07:15:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/07/20/59193.htmlhttp://www.blogjava.net/zhy-enda/comments/59193.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/07/20/59193.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/59193.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/59193.htmlhttp://birdshome.cnblogs.com/archive/2006/06/23/control_browser_title.html
 
IE以及任何目前浏览器的标题栏，原本都应该是由<title>这个HTML标签来控制的，当然现在仍然也是。只是目前的鬼趋势是，你最好不要再刷新你的网页页面了，然后还需要接受用户的任意蹂躏。这也就是传说中神龙见首不见尾，杀人于无影无形的悖时Ajax技术！

    在浏览器的标题栏中显示贴切的页面标题，是一个网页专业的表现，同时也能对搜索引擎友好。当然如果放上适当的提示信息，也会很有意义。那么怎么"动态"的来定制这个标题内容呢？

    我们知道使用ASP动态修改浏览器title，大概是这样的语句：
    <title><% = GenerateTitle %></title>


    而在ASP.NET 1.1中，除了仍可以使用上面的方法外，我们多了一个看起来"很美"的方法：

    In aspx page: 
        <title id="cltTitle" runat="server"></title>
    In CS file: 
        protected HtmlGeneralControl cltTitle;
        . . .
        cltTitle.innerHtml = "birdshome's homepage";


    今天到了ASP.NET 2.0时代，除了上面的两种方法，我们还可以更容易的修改<title>内容： 

   Page.Title = "birdshome's homepage";


    不过上面的"动态"都是在服务器端修改<title>的内容，实际上对于浏览器来说<title>标签内的内容是完全固定的了。下面言归正传，仔细来说说在客户端对IE浏览器标题栏的控制：

    对于IE窗口中的页面，在页面DOM对象中，document.title属性是用来代替<title>元素的innerHTML获取和设置IE窗口标题栏内容的。请看下面这个示例：

<html>
<body>
    <!-- page content -->
    <script language="javascript">    
    document.body.onload = function()
    {
        document.title = "birdshome's homepage"；
    };
    </script>
</body>
</html>


    对，就是这么简单就可以设置好普通IE窗口的标题栏。那么这有什么好说的呢？这时候如果我们把完全相同的代码放入模态窗口中执行呢？模态窗口的标题栏是否会被修改？试验结果却是让人沮丧的，完全相同的这段代码，在模态窗口中就失灵了。难道模态窗口提供的DOM和普通窗口不同吗？其实模态窗口的DOM和普通窗口是相同的，而不同之处是当模态窗口中的页面装载完成后，document.title属性确实会失效。这就是为什么在上面的示例代码onload事件中的语句无效的原因。解决这个限制的方法很简单，就是要在页面还未装载完成时就修改document.title，所以在模态窗口中修改IE标题栏就因该使用这样的代码：

<html>
<body>
    <!-- page content -->
    <script language="javascript">    
    document.title = "birdshome's homepage"；
    </script>
</body>
</html>


    下面是一个包含了以上两种修改浏览器标题栏方法的示例，将其保存为"abc.htm"文件，使用IE打开你就能很直观看到区别：

<html>
<body>
    <button onclick="foo()">
        Open</button>
    <script language="javascript">
    document.body.onload = function()
    {
        document.title = "birdshome's homepage (rewrite)" + unescape(H_A0);
    };

    document.title = "birdshome's homepage (first)" + unescape(H_A0);

    function foo()
    {
        window.showModalDialog("abc.htm");
    }
    </script>
</body>
</html>


    结果是普通IE窗口的标题栏会从"birdshome's homepage (first)"快速的变为"birdshome's homepage (rewrite)"，而使用Open按钮开启的模态对话框的标题将一直是"birdshome's homepage (first)"。从这个示例中我们可以看出来，对于普通IE窗口，其标题栏是可以在页面生存期的任意时刻进行修改的。而模态窗口的标题栏，我们只能在其页面装载完成前(onload事件触发前)才能修改。非模态对话框，opend by showModelessDialog，对于标题栏的处理和模态对话框完全一样。

    最后再说一个document.title使用中的技巧，我们知道如果在服务器端"动态"修改页面title时，我们可以向<title></title>标签间写入&nbps;来在标题栏上产生连续的空格输入效果。这个技巧在模态窗口中尤为有用，这样一来我们就可以把那讨厌的" - Web Page Dialog"字样用连续空格推到标题栏外去。使用document.title属性来修改页面标题栏后，不管是普通窗口还是模态窗口，"&nbsp;"和" "(空格)都不能用了，前者会被直接当字符串显示在标题栏上，后者添加再多也只有一个" "(空格)的宽度效果。这里我们又要使用另一个空格，实体&#160;来解决这个问题。代码如下：

<html>
<body>
    <script language="javascript">
    var HexA0s = "%A0 %A0 %A0 %A0";
    
    document.body.onload = function()
    {
        document.title = "birdshome's homepage (rewrite)" + unescape(HexA0s);
    };
    </script>
</body>
</html>


恩达 2006-07-20 15:15 发表评论
]]>表格拖动（改进加原创）http://www.blogjava.net/zhy-enda/archive/2006/05/29/48759.html恩达恩达Mon, 29 May 2006 07:11:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48759.htmlhttp://www.blogjava.net/zhy-enda/comments/48759.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48759.html#Feedback7http://www.blogjava.net/zhy-enda/comments/commentRss/48759.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48759.html <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.resizeDivClass
{
position:absolute;
background-color:gray;
width:1;
z-index:1;
left:1;
cursor:e-resize;
}
.td1 {
 font-size: 12px;
 white-space:nowrap;
 overflow:hidden;   
 text-overflow:ellipsis;
 color:#0000ff;  
 pos:expression(this.offsetLeft*1+this.offsetWidth*1+tab.offsetLeft); 
}
</style>
<script language=javascript>
function MouseDownToResize(obj){ 
 obj.mouseDownX=event.clientX;
 obj.pareneTdW=obj.parentElement.offsetWidth;
 obj.pareneTableW=tab.offsetWidth;
 obj.setCapture();
}
function MouseMoveToResize(obj){ 
 if(!obj.mouseDownX) return false;
 var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
 if(newWidth>0)
 {
   obj.parentElement.style.width = newWidth;
   tab.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
   for (var i=1; i<=tab.rows(0).cells.length;i++){
     var obj = eval("mydiv"+i);   
      obj.style.left = obj.parentElement.offsetLeft*1+obj.parentElement.offsetWidth*1+tab.offsetLeft;//obj.parentElement.style.pos;
   }
 }
}
function MouseUpToResize(obj){
  obj.releaseCapture();
  obj.mouseDownX=0;
}

function init(){ 
  var tempStr = "";
  for (var i=1; i<=tab.rows(0).cells.length;i++){
    tempStr = '<div id="mydiv'+i+'" class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></div>';     
    tab.rows(0).cells(i-1).innerHTML = tab.rows(0).cells(i-1).innerHTML+tempStr;    
    var obj = eval("mydiv"+i);   
    obj.style.left = obj.parentElement.style.pos;    
  }
 
}
</script>
</head>
<body onload="init()">
<table id=tab STYLE="table-layout:fixed;" >
<tr bgcolor=cccccc >
<td valign=top class="td1" ><nobr>改变table的列宽度改</nobr></td>
<td valign=top class="td1" ><nobr>改变table的列宽度改</nobr></td>
<td valign=top class="td1" ><nobr>改变table的列宽度改</nobr></td>
</tr>

<tr>
<td class="td1"><nobr>改变table的列宽度</nobr></td>
<td class="td1"><nobr>改变table的列宽度</nobr></td>
<td class="td1"><nobr>改变table的列宽度</nobr></td>
</tr>
</table>
</body>
</html>

 



恩达 2006-05-29 15:11 发表评论
]]>javascript测试用例http://www.blogjava.net/zhy-enda/archive/2006/05/29/48750.html恩达恩达Mon, 29 May 2006 06:57:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48750.htmlhttp://www.blogjava.net/zhy-enda/comments/48750.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48750.html#Feedback1http://www.blogjava.net/zhy-enda/comments/commentRss/48750.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48750.html 1、文本框长度限制：
<body >
 <textarea  onkeypress="return test(this,2)"></textarea>
 <script language="javascript">
  function test(obj,maxlen){    //maxlen为限定的最大长度，超过此长度时写不进文本框
    if(obj.value.length>maxlen-1){
     return false;   
    }   
  }
  </script>
</body>

2、单个中文字符的脚本显示：
<input type="text" value="aaas测试s"  onfocus="testchinese(this)">
 <script language="javascript">
   function testchinese(obj){
     var ss = new String(obj.value);
     alert(ss.length+" "+ss+" "+String.fromCharCode(ss.charCodeAt(4)));
  }

</script>

恩达 2006-05-29 14:57 发表评论
]]>妙用javascript实现网页的缩放http://www.blogjava.net/zhy-enda/archive/2006/05/29/48712.html恩达恩达Mon, 29 May 2006 03:47:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48712.htmlhttp://www.blogjava.net/zhy-enda/comments/48712.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48712.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48712.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48712.html现在网页上的字体是越来越小，别说是视力欠佳者就是好眼睛看久了也疼的难受，在此转载下面这段小脚本，建议网页制作人能够加到网页代码的< head>中，以方便弱视人群放大浏览（仅适用于IE浏览器）！
< script language="javascript">
　　var i=0;
　　document.onkeydown = zoom;
　　function zoom(){
　　var IEKey = event.keyCode;
　　if (IEKey == 76) {
　　i++;
　　document.body.style.zoom=1+i/10;
　　}
　　if (IEKey == 83) {
　　i--;
　　document.body.style.zoom=1+i/10;
　　}
　　if (IEKey == 82) {
　　document.body.style.zoom=1;
　　i=1;
　　}
　　}
　　< /script>

恩达 2006-05-29 11:47 发表评论
]]>IE功能汇总http://www.blogjava.net/zhy-enda/archive/2006/05/29/48692.html恩达恩达Mon, 29 May 2006 02:46:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48692.htmlhttp://www.blogjava.net/zhy-enda/comments/48692.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48692.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48692.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48692.html  <OBJECT id=WebBrowser height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>
<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1>
<INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2>
<INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性 name=Button3>
<INPUT onclick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印 name=Button>
<INPUT onclick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置 name=Button4>
<INPUT onclick=window.location.reload() type=button value=刷新 name=refresh>
<INPUT onclick="window.external.ImportExportFavorites(true,'');" type=button value=导入收藏夹 name=Button5>
<INPUT onclick="window.external.ImportExportFavorites(false,'');" type=button value=导出收藏夹 name=Button32> <br>
<INPUT onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹 name=Button22>
 <INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹 name=Submit2>
<INPUT onclick='window.location="view-source:" + window.location.href' type=button value=查看源文件 name=Button7>
<INPUT onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置 name=Button6>
 <INPUT onclick="document.execCommand('Cut')" type=button value=剪切>
 <INPUT onclick="document.execCommand('Copy')" type=button value=拷贝>
 <INPUT onclick="document.execCommand('Paste')" type=button value=粘贴> <br>
<INPUT onclick="document.execCommand('Undo')" type=button value=撤消>
 <INPUT onclick="document.execCommand('Delete')" type=button value=删除>
<INPUT onclick="document.execCommand('Bold')" type=button value=黑体>
 <INPUT onclick="document.execCommand('Italic')" type=button value=斜体>
 <INPUT onclick="document.execCommand('Underline')" type=button value=下划线>
 <INPUT onclick="document.execCommand('stop')" type=button value=停止>
 <INPUT onclick="document.execCommand('SaveAs')" type=button value=保存>
 <INPUT onclick="document.execCommand('Saveas',false,'c:\\test.htm')" type=button value=另存为>
<INPUT onclick="document.execCommand('FontName',false,fn)" type=button value=字体>
<INPUT onclick="document.execCommand('FontSize',false,fs)" type=button value=字体大小> <br>
<INPUT onclick="document.execCommand('refresh',false,0)" type=button value=刷新>
<INPUT onclick=window.location.reload() type=button value=刷新>
 <INPUT onclick=history.go(1) type=button value=前进>
 <INPUT onclick=history.go(-1) type=button value=后退>
 <INPUT onclick=history.forward() type=button value=前进>
 <INPUT onclick=history.back() type=button value=后退>

<INPUT onclick="window.external.AddFavorite('http://www.dostor.com/', Dostor)" type=button value=加入收藏夹>
<INPUT onclick="window.external.addChannel('http://www.dostor.com/')" type=button value=加入到频道>
<INPUT onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.dostor.com/')" type=button value=设成主页>



恩达 2006-05-29 10:46 发表评论
]]>Head元素使用集锦http://www.blogjava.net/zhy-enda/archive/2006/05/29/48691.html恩达恩达Mon, 29 May 2006 02:41:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48691.htmlhttp://www.blogjava.net/zhy-enda/comments/48691.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48691.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48691.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48691.html  HTML文档由两部分组成：Head（主题部分，一般来说是不可见的）和Body（正文部分，在浏览器中是可见的）。
 随着FrontPage及Dreamweaver（简称DW）等可视化的网页编辑器的流行，不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。
 但是，这些主页制作工具都不能自己生成一个好的主题部分，这就需要我们来了解一下其中的元素了。 　　

　　一、Head元素 　　
    　Meta 它记录当前页面的信息，例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息，例如截止日期和页面刷新间隔等。它的两种基本用法是：告诉浏览器网页所识别的文件类型及语言类型；让搜索引擎按关键字搜索到你的网页。 　　

　　Attribute 指定Meta标签是否包含Name (页面描述信息)或HTTP Equiv (HTTP标题信息)。“Value”指定所提供信息的类型。有些值是已经定义好的，在DW中有专门的属性检查器。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其它任意值，如：creationdate(创建日期) 、document ID(文档编号)和level(等级)等。 　　

　　Content。如果指定level(等级)为Value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。 　　

　　Title页面标题，显示在浏览器的标题栏上。 　　

　　Keywords 许多流行的搜索引擎可自动阅读Meta标签中的Keywords内容，并使用该信息在其数据库中建立对该页面的索引。有些搜索引擎在建立索引时对关键字或字符有数量上的限制。有些则在关键字超出限定范围时忽略所有关键字。因此为网页精选关键字是很有必要的。在标志为Keywords的域中使用逗号来分隔关键字。 　　

　　Description 与Keywords具有相似的功能。只是用描述性的语句代替了关键字。部分搜索引擎在建立索引时对字符数有一定的限制，因此应尽量言简意赅。 　　

　　Refresh使用Refresh元素可以指定在某一时间段后自动对页面进行刷新。 　　

　　Action指定是否要转到其它URL或刷新当前页面。要转到其它URL，可单击Brower按钮选择要载入的页面。 　　

　　Delay在刷新页面之前以秒为单位的等待时间，要立即刷新页面，可以在此域中输入0。 　　

　　Base使用Base元素可设置基本URL。 　　

　　Href指定基本URL，可直接键入路径或选择。 　　

　　Target指定所有链接的文档要打开的窗口。可以在当前框架集中选择一个框架或在其提供的四种保留窗口中选择其一，默认为_self。 　　

　　Link使用Link元素可定义当前文档和其它文件（如CSS文件）之间的关系。 　　

　　ID指定某链接的唯一标识符。 　　

　　Title说明链接的关系。此属性对链接样式表非常合适。 　　

　　Rel指定当前文档和Href域中文档之间的关系。其可能的值包括：Alternate(备选)、Stylesheet(样式表)、Start(启动)、Next(下一个)、Prev(上一个)、Content(内容)、Index(索引)、Glossary(词汇)、Copyright(版权)、Chapter(章)、Section(节)、Subsection(小节)、Appendix(附录)、Help(帮助信息)、Bookmark(书签)等。要指定多个关系，请使用空格将值分开。 　　

　　二、实例说明
 　　 <title> HEAD元素使用集锦</title> 　　
　　 <!－－网页标题 －－> 　　
　　 <meta http－equiv=″Content－Type″ content=″text/html; charset=gb2312″> 　　
　　 <!－－网页内容类型，TXT或HTML格式，编码方式为GB2312 －－> 　　
　　 <meta name=″keywords″ content=″HEAD元素″> 　　
　　 <!－－ 关键字信息 －－> 　　
　　 <meta name=″description″ content=″本网页用于说明HEAD元素的使用方式″> 　　
　　 <!－－ 对网站的进一步描述－－> 　　
　　 <meta http－equiv=″refresh″ content=″5;URL=index.htm″> 　　
　　 <!－－网页在5秒后自动刷新，链接地址为index.htm页 －－> 　　
　　 <base href=″″ target=″_blank″> 　　
　　 <!－－基本链接设定，目标为弹出新页面。此项可用于Frame页中指定链接显示的Frame，例如：target=″main″> 　　
　　 <link rel=″stylesheet″ href=″homepage.css″> 　　
　　 <!－－调入样式表，链接样式表文件″homepage.css″ －－>   
 



恩达 2006-05-29 10:41 发表评论
]]>javascript表单事件汇总http://www.blogjava.net/zhy-enda/archive/2006/05/29/48679.html恩达恩达Mon, 29 May 2006 01:30:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48679.htmlhttp://www.blogjava.net/zhy-enda/comments/48679.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48679.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48679.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48679.html2、onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
3、onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。
4、onclick（ns3，ns4，ie3，ie4）单击网页上的某元素时产生
5、ondblclick（ns4，ie4）：双击网页上的元素时产生
6、onerror（ns3，ns4，ie4）：浏览器在打开网页的过程中发生错误时产生该事件
7、onfinish（ie4）：滚动文本条中的文本完成一次滚动时产生的事件
8、onfocus（ns3，ns4，ie3，ie4）网页上的元素获得焦点时产生该事件
9、onkeydown（ns4，ie4）按下任意键时产生该事件
10、onkeypress（ns4，ie4）按下任意键时并释放该键产生的事件
11、onkeyup（ns4，ie4）释放按下的按键产生该事件
12、onload（ns3、4，ie3、4）网页或图象调入完成后产生该事件
13、onmousedown（ns4，ie4）在网页的某元素上按下鼠标时产生该事件
14、onmousemove（ie3、4）在网页的某元素上移动鼠标时产生该事件
15、onmouseout（ns3、4，ie4）从网页的某元素移出鼠标时产生该事件
16、onmouseover（ns3、4，ie3、4）鼠标移入网页的某元素时产生该事件
17、onmouseup（ns4，ie4）释放按下的鼠标时产生该事件
18、onreset（ns3、4，ie3、4）复位表格时产生该事件
19、onresize（ns4，ie4）改变浏览器时产生该事件
20、onselect（ns3、4，ie3、4）选择文本框中的文本时产生该事件
21、onstart（ie4）滚动文本条中的文本开始滚动时产生该事件
22、onsubmit（ns3、4，ie3、4）提交表单时产生该事件
23、onunload（ns3、4，ie3、4）从当前的网页退出时产生该事件 

恩达 2006-05-29 09:30 发表评论
]]>收藏的常用的javascript相关的工具集http://www.blogjava.net/zhy-enda/archive/2006/05/29/48666.html恩达恩达Mon, 29 May 2006 00:49:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48666.htmlhttp://www.blogjava.net/zhy-enda/comments/48666.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48666.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48666.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48666.html1、DOM手册：地址：http://www.blogjava.net/Files/zhy-enda/dom10.rar
2、HTML手册：地址：http://www.blogjava.net/Files/zhy-enda/html40.zip
3、CSS2手册：地址：http://www.blogjava.net/Files/zhy-enda/css20.rar

恩达 2006-05-29 08:49 发表评论
]]>值得收藏的javascript精华代码http://www.blogjava.net/zhy-enda/archive/2006/05/29/48661.html恩达恩达Mon, 29 May 2006 00:26:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48661.htmlhttp://www.blogjava.net/zhy-enda/comments/48661.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48661.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48661.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48661.html 1.oncontextmenu="window.event.returnvalue=false"将彻底屏蔽鼠标右键
<tableborderoncontextmenu=return(false)><td>no</table>可用于table
2.<bodyonselectstart="returnfalse">取消选取、防止复制

3.onpaste="returnfalse"不准粘贴

4.oncopy="returnfalse;"oncut="returnfalse;"防止复制

5.<linkrel="shortcuticon"href="favicon.ico">ie地址栏前换成自己的图标

6.<linkrel="bookmark"href="favicon.ico">可以在收藏夹中显示出你的图标

7.<inputstyle="ime-mode:disabled">关闭输入法

8.永远都会带着框架
<scriptlanguage="javascript"><!--
if(window==top)top.location.href="frames.htm";//frames.htm为框架网页
//--></script>

9.防止被人frame
<scriptlanguage=javascript><!--
if(top.location!=self.location)top.location=self.location;
//--></script>

10.<noscript><iframesrc=*.html></iframe></noscript>网页将不能被另存为

11.<inputtype=buttonvalue=查看网页源代码
onclick="window.location=view-source:+<img src="pic/url.gif"
align=absmiddle border=0>http://www.csdn.net/";;>

12.怎样通过asp的手段来检查来访者是否用了代理
<%ifrequest.servervariables("http_x_forwarded_for")<>""then
response.write"<fontcolor=#ff0000>您通过了代理服务器，"&_
"真实的ip为"&request.servervariables("http_x_forwarded_for")
endif
%>

13.取得控件的绝对位置

//javascript
<scriptlanguage="javascript">
functiongetie(e){
vart=e.offsettop;
varl=e.offsetleft;
while(e=e.offsetparent){
t+=e.offsettop;
l+=e.offsetleft;
}
alert("top="+t+"\nleft="+l);
}
</script>

//vbscript
<scriptlanguage="vbscript"><!--
functiongetie()
dimt,l,a,b
seta=document.all.img1
t=document.all.img1.offsettop
l=document.all.img1.offsetleft
whilea.tagname<>"body"
seta=a.offsetparent
t=t+a.offsettop
l=l+a.offsetleft
wend
msgbox"top="&t&chr(13)&"left="&l,64,"得到控件的位置"
endfunction
--></script>

14.光标是停在文本框文字的最后
<scriptlanguage="javascript">
functioncc()
{
vare=event.srcelement;
varr=e.createtextrange();
r.movestart(character,e.value.length);
r.collapse(true);
r.select();
}
</script>
<inputtype=textname=text1value="123"onfocus="cc()">

15.判断上一页的来源
asp:
request.servervariables("http_referer")

javascript:
document.referrer

16.最小化、最大化、关闭窗口
<objectid=hh1classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<paramname="command"value="minimize"></object>
<objectid=hh2classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<paramname="command"value="maximize"></object>
<objectid=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<paramname="command"value="close"></object>

<inputtype=buttonvalue=最小化onclick=hh1.click()>
<inputtype=buttonvalue=最大化onclick=hh2.click()>
<inputtype=buttonvalue=关闭onclick=hh3.click()>
本例适用于ie

17.
<%
定义数据库连接的一些常量
constadopenforwardonly=0游标只向前浏览记录，不支持分页、recordset、bookmark
constadopenkeyset=1键集游标，其他用户对记录说做的修改将反映到记录集中，但其他
用户增加或删除记录不会反映到记录集中。支持分页、recordset、bookmark
constadopendynamic=2动态游标功能最强，但耗资源也最多。用户对记录说做的修改，
增加或删除记录都将反映到记录集中。支持全功能浏览(access不支持)。
constadopenstatic=3静态游标，只是数据的一个快照，用户对记录说做的修改，增加
或删除记录都不会反映到记录集中。支持向前或向后移动

constadlockreadonly=1锁定类型，默认的，只读，不能作任何修改
constadlockpessimistic=2当编辑时立即锁定记录，最安全的方式
constadlockoptimistic=3只有在调用update方法时才锁定记录集，而在此前的其他
操作仍可对当前记录进行更改、插入和删除等
constadlockbatchoptimistic=4当编辑时记录不会被锁定，而更改、插入和删除是
在批处理方式下完成的

constadcmdtext=&h0001
constadcmdtable=&h0002
%>

18.网页不会被缓存
htm网页
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache,must-revalidate">
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt">
或者<metahttp-equiv="expires"content="0">
asp网页
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
php网页
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");


19.检查一段字符串是否全由数字组成
<scriptlanguage="javascript"><!--
functionchecknum(str){returnstr.match(/\d/)==null}
alert(checknum("1232142141"))
alert(checknum("123214214a1"))
//--></script>

20.获得一个窗口的大小
document.body.clientwidth,document.body.clientheight

21.怎么判断是否是字符
if(/[^\x00-\xff]/g.test(s))alert("含有汉字");
elsealert("全是字符");

22.textarea自适应文字行数的多少
<textarearows=1 name=s1 cols=27 onpropertychange="this.style.posheight=
this.scrollheight">
</textarea>

23.日期减去天数等于第二个日期
<scriptlanguage=javascript>
functioncc(dd,dadd)
{
//可以加上错误处理
vara=newdate(dd)
a=a.valueof()
a=a-dadd*24*60*60*1000
a=newdate(a)
alert(a.getfullyear()+"年"+(a.getmonth()+1)+"月"+a.getdate()+"日")
}
cc("12/23/2002",2)
</script>

24.选择了哪一个radio
<html><scriptlanguage="vbscript">
functioncheckme()
foreachobinradio1
ifob.checkedthenwindow.alertob.value
next
endfunction
</script><body>
<input name="radio1" type="radio" value="style" checked>style
<input name="radio1" type="radio" value="barcode">barcode
<input type="button" value="check"onclick="checkme()">
</body></html>

25.获得本页url的request.servervariables("")集合
response.write"<tableborder=1><!--tableheader--><tr><td><b>variables
</b></td><td><b>value</b></td></tr>"
foreachobinrequest.servervariables
response.write"<tr><td>"&ob&"</td><td>"&request.servervariables(ob)&"
</td></tr>"
next
response.write"</table>"

26.
本机ip<%=request.servervariables("remote_addr")%>
服务器名<%=request.servervariables("server_name")%>
服务器ip<%=request.servervariables("local_addr")%>
服务器端口<%=request.servervariables("server_port")%>
服务器时间<%=now%>
iis版本<%=request.servervariables"server_software")%>
脚本超时时间<%=server.scripttimeout%>
本文件路径<%=server.mappath(request.servervariables("script_name"))%>
服务器cpu数量<%=request.servervariables("number_of_processors")%>
服务器解译引擎<%=scriptengine&"/" & scriptenginemajorversion &"." &
scriptengineminorversion & "." & scriptenginebuildversion%>
服务器操作系统<%=request.servervariables("os")%>

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

28.检测某个网站的链接速度：
把如下代码加入<body>区域中:
<scriptlanguage=javascript>
tim=1
setinterval("tim++",100)
b=1

varautourl=newarray()
autourl[1]="< src="pic/url.gif" align=absmiddle border=0>www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="< src="pic/url.gif" align=absmiddle border=0>www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="< src="pic/url.gif" align=absmiddle border=0>www.cctv.com"

functionbutt(){
document.write("<formname=autof>")
for(vari=1;i<autourl.length;i++)
document.write("<inputtype=textname=txt"+i+"size=10value=测试中……>=》
<inputtype=textname=url"+i+"size=40>=》
<inputtype=buttonvalue=goonclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<inputtype=submitvalue=刷新></form>")
}
butt()
functionauto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
functionrun(){for(vari=1;i<autourl.length;i++)document.write
("<imgsrc=http://"+autourl+"/"+math.random()+"width=1height=
1onerror=auto(< src="pic/url.gif" align=absmiddle border=0>
http://";;;+autourl+")>")}
run()</script>


29.各种样式的光标
auto：标准光标
default：标准箭头
hand：手形光标
wait：等待光标
text：i形光标
vertical-text：水平i形光标
no-drop：不可拖动光标
not-allowed：无效光标
help：?帮助光标
all-scroll：三角方向标
move：移动标
crosshair：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

1.本地无缓存，每次自动刷新
response.expires=0
response.addheader"pragma","no-cache"
response.addheader"cache-control","private"

2.修改contenttype并下载gif等格式
<%
functiondl(f,n)
onerrorresumenext

sets=createobject("adodb.stream")
s.mode=3
s.type=1
s.open
s.loadfromfile(server.mappath(f))
iferr.number>0then
response.writeerr.number&":"&err.description
else
response.contenttype="application/x-gzip"
response.addheader"content-disposition:","attachment;filename="&n
response.binarywrite(s.read(s.size))
endif
endfunction

calldl("012922501.gif","t1.gif")
%>


19.检查一段字符串是否全由数字组成
<scriptlanguage="javascript"><!--
functionchecknum(str){return!/\d/.test(str)}
alert(checknum("1232142141"))
alert(checknum("123214214a1"))
//--></script>

20.获得一个窗口的大小
document.body.clientwidth,document.body.clientheight
document.body.offsetwidth,document.body.offsetheight
有时还需要知道window.screentop,window.screenleft

21.怎么判断是否含有汉字
if(escape(str).indexof("%u")!=-1)alert("含有汉字");
elsealert("全是字符");

22.textarea自适应文字行数的多少
ie5.5+可以用overflow-y:visible
<textarearows=1name=s1cols=27style="overflow-y:visible">
</textarea>

23.日期减去天数等于第二个日期
<scriptlanguage=javascript>
functioncc(dd,dadd)
{
//可以加上错误处理
vard=newdate(dd.replace("-","/"))
d.setdate(d.getdate()+dadd)
alert(d.getfullyear()+"年"+(d.getmonth()+1)+"月"+d.getdate()+"日")
}
cc("2002-2-28",2)
</script>



恩达 2006-05-29 08:26 发表评论
]]>对话框showModelessDialog()使用详解http://www.blogjava.net/zhy-enda/archive/2006/05/29/48660.html恩达恩达Mon, 29 May 2006 00:22:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48660.htmlhttp://www.blogjava.net/zhy-enda/comments/48660.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/29/48660.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48660.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48660.htmlJavascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如：

　　showModalDialog() (IE 4+ 支持)
　　showModelessDialog() (IE 5+ 支持)

　　window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框，由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。

　　window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

　　当我们用showModelessDialog()打开窗口时，不必用window.close()去关闭它，当以非模态方式［IE5］打开时， 打开对话框的窗口仍可以进行其他的操作，即对话框不总是最上面的焦点，当打开它的窗口ＵＲＬ改变时，它自动关闭。而模态［ＩＥ４］方式的对话框始终有焦点（焦点不可移走，直到它关闭）。模态对话框和打开它的窗口相联系，因此我们打开另外的窗口时，他们的链接关系依然保存，并且隐藏在活动窗口的下面。

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

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

<font color="red">[注：其他关于对于对话框里用=表示“属性值对”有时不起作用]</font>

　　还有几个属性是用在HTA中的，在一般的网页中一般不使用。
    dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
    edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
    unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

　　传入参数：
　　要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：

test1.htm
< script>
  var mxh1 = new Array("mxh","net_lover","孟子E章")
  var mxh2 = window.open("about:blank","window_mxh")
  // 向对话框传递数组
  window.showModalDialog("test2.htm",mxh1)
  // 向对话框传递window对象
  window.showModalDialog("test3.htm",mxh2)
< /script>

test2.htm
< script>
  var a = window.dialogArguments
  alert("您传递的参数为：" + a)
< /script>

test3.htm
< script>
  var a = window.dialogArguments
  alert("您传递的参数为window对象，名称：" + a.name)
< /script>
 可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：

test4.htm
< script>
  var a = window.showModalDialog("test5.htm")
  for(i=0;i<a.length;i++) alert(a[i])
< /script>

test5.htm
< script>
 function sendTo()
 {
  var a=new Array("a","b")
  window.returnValue = a
  window.close()
 }
< /script>
< body>
< form>
  < input value="返回" type=button onclick="sendTo()">
< /form>

　 　常见问题：
　　1.如何在模态对话框中进行提交而不新开窗口？
　　如果你的浏览器是IE5.5+,可以在对话框中使用带name属性的iframe，提交时可以制定target为该iframe的name。对于IE4+，你可以用高度为0的frame来作。例如：

 test6.htm
< script>
  window.showModalDialog("test7.htm")
 < /script> test7.htm
if(window.location.search) alert(window.location.search)
 < frameset rows="0,*">
  < frame src="about:blank">
  < frame src="test8.htm">
 < /frameset> test8.htm
< form target="_self" method="get">
 < input name=txt value="test">
 < input type=submit>
 < /form>
 < script>
 if(window.location.search) alert(window.location.search)
 < /script>
 
　　2.可以通过 http://servername/virtualdirname/test.htm?name=mxh 方式直接向对话框传递参数吗？
　　答案是不能。但在frame里是可以的。



恩达 2006-05-29 08:22 发表评论
]]>Location对象的使用http://www.blogjava.net/zhy-enda/archive/2006/05/26/48393.html恩达恩达Fri, 26 May 2006 09:46:00 GMThttp://www.blogjava.net/zhy-enda/archive/2006/05/26/48393.htmlhttp://www.blogjava.net/zhy-enda/comments/48393.htmlhttp://www.blogjava.net/zhy-enda/archive/2006/05/26/48393.html#Feedback0http://www.blogjava.net/zhy-enda/comments/commentRss/48393.htmlhttp://www.blogjava.net/zhy-enda/services/trackbacks/48393.html　　location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。

　　hash属性：hash标注是一个url很好的习惯用法，它指定浏览器到一个位于文档中的anchor位置，相当于一个书签儿。

　　host属性：描述渔歌url的主机名和端口，只有端口号是url的一个明确部分时，值中才包括端口号。

　　hostname属性：一个典型的url的主机名是网络上服务器的名字，该网络存储有你的浏览器上可以查看的文档。对大多数Web站点来说，服务器名不仅包括域名，也包括www前缀，如果端口号是在url中特有的话，主机名并不包括，而是包括在host属性中。

　　href属性：该属性提供一个指定窗口对象的整个url的字符串。

　　pathname属性：url的路径名部分由与服务器root（根）卷相关的目录结构组成。根不是目录的一部分，如果url的路径是通向根目录中的一个文件，那么location.pathname属性就是（/）。

　　port属性：端口号很少用到。当指向一个没有赋给域名的的站点的url中，可以用location.port属性获取该值，如果从一个url获取值并想用那个组建创建一个url，一定要包括服务器IP地址和段口号，IP地址和段口号之间用（:）分界。

　　protocol属性：包括协议名，且后面紧跟着（:）分节目。

　　assign方法：assign("url")通过这个方法可以实现把一个新的url赋给location对象。当然你也可以采用直接赋值的方法来实现，或者location.href来导航到一个新的网页。采用assign的方法会使代码易维护。

　　reload方法：这个方法可以把浏览器可能保存在内存中的元素（在一段记录中）的文档设置全部忽略掉，重新打开该文档，和浏览器上的刷新可不一样。它的效果好像是你选择了file菜单open file一样。当然如果你不想这样，不想这么做，有一个和这个方法比较类似的方法，就是history.go（）方法。

　　replace方法：当用户从当前网页，跳转到别的网页，有时候是不是想让不能用后退按钮(Back)看到前一个网页，告诉你一个方法，就是采用location.replace("url")就可以实现这个功能。



恩达 2006-05-26 17:46 发表评论
]]>