转转转js技巧收藏

(一).确认删除用法:
  1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')");
  2. linktempDelete.Attributes["onclick"]="javascript:return  confirm('"+"确认删除?"+"');";
  3. private void grdProject_ItemDataBound(object sender, DataGridItemEventArgs e)
  4.
  {
 if ((e.Item.ItemType == ListItemType.Item) | (e.Item.ItemType == ListItemType.AlternatingItem))
 {
  // 刪除按鈕上的提示部分
  e.Item.Cells[10].Attributes.Add("onclick", "return confirm('确定删除吗?');");
 }  
  }
  5.
    <script language="JavaScript" type="text/JavaScript">
 function delete_y(e)
        {
    if(event.srcElement.outerText == "删除")
        event.returnValue=confirm("确定删除?");
 }
 document.οnclick=delete_y;
    </script>

(二).跨语言字符串替换
    System.Text.RegularExpressions.Regex.Replace(str1,@"<{1}[^<>]*>{1}","").Replace("&nbsp;","").Replace("&#092;","\\").Replace("&#045;","-").Replace("&amp;","&").Replace("&lt;","<").Replace("&gt;",">").Replace("br","\n");

(三).关闭窗体
   1.
      this.btnClose.Attributes.Add("onclick",  "window.close();return false;");
   2.关闭本窗体间跳转到另一个页面
      this.HyperLink1.NavigateUrl = "javascript:οnclick=window.opener.location.assign
         ('" + "index.aspx"+ "?&Func=Edit&AutoID=" + intAutoid + ');window.close();"; 
   3.关闭父窗体:
      <INPUT type="reset" value='<%=this._Cancel%>' οnclick="window.parent.close()"  class="Button">

   4.关闭本弹出窗体,并刷新父页面

       this.Response.Write("<script language='javascript'>window.opener.location.reload();window.close();</script>");


(四).Web MessageBox   
   1.
      Response.Write("<script language=javascript> window.alert('保存成功1');</script>");
   2.
      Response.Write("<script>alert('"+"保存成功!"+"');</script>");
   3.
      this.Page.RegisterStartupScript("ChiName","<script language='javascript'>alert('" + "保存成功!" + "')</script>");

(五).DataGrid中加CheckBox控件模板列.
   请看:  http://blog.csdn.net/chengking/archive/2005/10/08/497520.aspx

(六). window.open() 方法 
 语法:window.open(pageurl,name,parameters);
 window对象的open()方法用于创建一个新的窗口实例,新创建的窗口的外观由参数:parameters指定。新窗口中打开的文档由参数:         pageurl指定。系统能够根据参数:name确定的名称访问该窗口。

        下表为parameters参数表:
        参数          衩始值           说明 
        alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。 
        alwaysRaised yes/no 指定窗口浮在所有窗口之上。 
        dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。 
        directions yes/no 指定Navigator 2和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 在文档中包含各个<pplet>标签的数组。 
        fullscreen yes / no 打开的窗体是否进行全屏显示 
        left pixel value 设定新窗口距屏幕左方的距离 
        top pixel value 设定新窗口距屏幕上方的距离 
  
       例子:
        <html>
           <head>
               <title>window.open函数</title>
           </head> 
           <body>
              <script language="javascript">
                   <!--
                 window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");
                    //-->
              </script> 
           </body>
        </html>

(七).location对象     
    href 整个URL字符串. 
    protocol 含有URL第一部分的字符串,如http: 
    host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/ 
    hostname 包含URL中主机名的字符串.如http://www.cenpok.net 
    port 包含URL中可能存在的端口号字符串. 
    pathname URL中"/"以后的部分.如~list/index.htm 
    hash "#"号(CGI参数)之后的字符串. 
    search "?"号(CGI参数)之后的字符串.

(八).按键捕捉
   1.Ctrl+Enter按键捕捉方法
    <body οnkeydοwn="doKeyDown()">
    <script language="JavaScript">
    <!--
    function doKeyDown() 
     {
        if (event.ctrlKey && event.keyCode == 13) 
         {
           alert("You pressed the Ctrl + Enter")
         }
     }
    //-->
    </script>
    </body>
   2.Alt加快捷键: Alt+A
     <button accessKey=A title="Alt+A" οnclick="alert('Button clicked!')">Alt+A</button>
(九).控制输入,非法字符不能输入到TextBox.
    <asp:textbox class="Text" 
        οnkeypress="if (event.keyCode < 48 || event.keyCode >57) event.returnValue = false;"
 id="txtY_Revenue" style="TEXT-ALIGN: right" runat="server" Width="90%" MaxLength="12">
    </asp:textbox>
    说明: 此方法控制TextBox只收数字:0~9 , 也自可以定义其它可输入字符,如改成: 65~123,只允许输入: a~z和A~Z 等.

[以下为收藏]

1>屏蔽功能类

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

1.2 屏蔽鼠标右键

在body标签里加上οncοntextmenu=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 οnmοusedοwn="rclick()" οncοntextmenu= "nocontextmenu()">

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


1.3 屏蔽 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 键不放,
     用鼠标点掉警告框,这种屏蔽方法就失效了。以后若
     有哪位高手有真正屏蔽 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>

1.4屏蔽浏览器右上角“最小化”“最大化”“关闭”键

<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标签里加上οnbefοreunlοad="javascript:return false"(使不能关闭窗口)

1.5屏蔽F5键

<script language="javascript">
<!--
function document.onkeydown() 

    if ( event.keyCode==116) 
    { 
        event.keyCode = 0; 
        event.cancelBubble = true; 
        return false; 
    }
}
-->
</script>

1.6屏蔽IE后退按钮

在你链接的时候用 <a href="javascript:location.replace(url)">

1.7屏蔽主窗口滚动条

在body标签里加上 style="overflow-y:hidden"

1.8 屏蔽拷屏,不断地清空剪贴板

在body标签里加上οnlοad="setInterval('clipboardData.setData(\'Text\',\'\')',100)"

1.9 屏蔽网站的打印功能

<style>
@media print {
   * { display: none }
}
</style>

1.10 屏蔽IE6.0 图片上自动出现的保存图标

方法一:
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
方法二:
<img galleryimg="no">

1.11 屏蔽页中所有的script

<noscrript></noscript> 

 2>表单提交验证类

2.1 表单项不能为空

<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
   alert("请输入您姓名!");
   document.form.name.focus();
   return false;
}
   return true;
}
-->
</script>

2.2 比较两个表单项的值是否相同

<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
   alert("您两次输入的密码不一样!请重新输入.");
   document.ADDUser.PWD.focus();
   return false;
}
   return true;
}
-->
</script>

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

<script language="javascript">
<!--
function isNumber(String)

    var Letters = "1234567890-"; //可以自己增加可输入值
    var i;
    var c;
      if(String.charAt( 0 )=='-')
 return false;
      if( String.charAt( String.length - 1 ) == '-' )
          return false;
     for( i = 0; i < String.length; i ++ )
     {
          c = String.charAt( i );
   if (Letters.indexOf( c ) < 0)
          return false;
}
     return true;
}
function CheckForm()
{
    if(! isNumber(document.form.TEL.value)) {
  alert("您的电话号码不合法!");
         document.form.TEL.focus();
         return false;
}
return true;
}
-->
</script>


2.4 表单项输入数值/长度限定

<script language="javascript">
<!--
function CheckForm() 
{
    if (document.form.count.value > 100 || document.form.count.value < 1)
{
 alert("输入数值不能小于零大于100!");
 document.form.count.focus();
 return false;
}
    if (document.form.MESSAGE.value.length<10)
{
 alert("输入文字小于10!");
 document.form.MESSAGE.focus();
 return false;
}
return true;
}
//-->
</script>

2.5 中文/英文/数字/邮件地址合法性判断

<SCRIPT LANGUAGE="javascript">
<!--

function isEnglish(name) //英文值检测
{
 if(name.length == 0)
  return false;
 for(i = 0; i < name.length; i++) {
  if(name.charCodeAt(i) > 128)
   return false;
 }
 return true;
}

function isChinese(name) //中文值检测
{
 if(name.length == 0)
  return false;
 for(i = 0; i < name.length; i++) {
  if(name.charCodeAt(i) > 128)
   return true;
 }
 return false;
}

function isMail(name) // E-mail值检测
{
 if(! isEnglish(name))
  return false;
 i = name.indexOf("@");
 j = name.lastIndexOf("@");
 if(i == -1)
  return false;
 if(i != j)
  return false;
 if(i == name.length)
  return false;
 return true;
}

function isNumber(name) //数值检测
{
 if(name.length == 0)
  return false;
 for(i = 0; i < name.length; i++) {
  if(name.charAt(i) < "0" || name.charAt(i) > "9")
   return false;
 }
 return true;
}

function CheckForm()
{
 if(! isMail(form.Email.value)) {
  alert("您的电子邮件不合法!");
  form.Email.focus();
  return false;
 }
 if(! isEnglish(form.name.value)) {
  alert("英文名不合法!");
  form.name.focus();
  return false;
 }
 if(! isChinese(form.cnname.value)) {
  alert("中文名不合法!");
  form.cnname.focus();
  return false;
 }
 if(! isNumber(form.PublicZipCode.value)) {
  alert("邮政编码不合法!");
  form.PublicZipCode.focus();
  return false;
 }
 return true;
}
//-->
</SCRIPT>

2.6 限定表单项不能输入的字符

<script language="javascript">
<!--

function contain(str,charset)// 字符串包含测试函数
{
  var i;
  for(i=0;i<charset.length;i++)
  if(str.indexOf(charset.charAt(i))>=0)
  return true;
  return false;
}

function CheckForm()
{
 if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%\(\)><")))
{
  alert("输入了非法字符");
  document.form.NAME.focus();
  return false;
}
  return true;
}
//-->
</script>

 40种网站设计常用技巧[引用]

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

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

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

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

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!-- 
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

11. <input type=button value=查看网页源代码 
οnclick="window.location = "view-source:"+ "http://www.williamlong.info"">

12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>

13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

14. 光标是停在文本框文字的最后
<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" οnfοcus="cc()">

15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT CTRL

document.οnkeydοwn=look; 
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000"> 

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

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

21.让弹出窗口总是在最上面:
<body οnblur="this.focus();">

22.不要滚动条? 
让竖条没有: 
<body style="overflow:scroll;overflow-y:hidden"> 
</body> 
让横条没有: 
<body style="overflow:scroll;overflow-x:hidden"> 
</body> 
两个都去掉?更简单了 
<body scroll="no"> 
</body>

23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> 
<input type=submit>
</form>

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

26.如何设定打开页面的大小
<body οnlοad="top.resizeTo(300,200);">
打开页面的位置<body οnlοad="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 
<STYLE> 
body 
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 
background-position:center;background-attachment: fixed} 
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

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

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" οnclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Hide 
function killErrors() { 
return true; 

window.onerror = killErrors; 
// --> 
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value="/blog/测试中......>" =》<input type=text 
name=url"+i+" size=40> =》<input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url)
else

b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1

οnerrοr=auto("http://"+autourl+"")>")}
run()</script>

37. 各种样式的光标
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

38.页面进入和退出的特效
进入页面<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 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info">

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

最大化窗口?
<script language="JavaScript">
<!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//-->
</script>


解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
<table>
  <tr><td>item 1</td></tr>
  <tr><td>item 2</td></tr>
  <tr><td>item 3</td></tr>
  <tr><td>item 4</td></tr>
  <tr><td>item 5</td></tr>
  </table>
  <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<a href="#" οnclick="document.getElementById('menu').style.visibility='visible'">menu</a>

<form>
  <select><option>A form selection list</option></select>
</form>

输入框也可以做的很漂亮了
<div align="center"><input type="hidden" name="hao" value="yes">
              外向数:<input 
      name=answer 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
             没回答的题数:<input 
      name=unanswer id="unanswer" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br/>
            总得分:
            <input 
      name=score id="score" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
             结    论:
            <input 
      name=xgjg id="xgjg" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br/>
            <br/> 
            
            <input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button"> 
             <input type="reset" name="Submit" value="重做">
            </div>
注意:修改<body>为<body οnlοad="max.Click()">即为打开最大

化窗口,而如果改为<body οnlοad="min.Click()">就变为窗口一打开就最小化

<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Minimize">
          </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Maximize">
          </object>
</body>

页面自动刷新(说明)

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20秒后跳转到http://www.williamlong.info页面。

页面自动关闭

5000是指时间<body onLoad="setTimeout(window.close, 5000)">

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意:在新的tan.htm的body中要加 <onLoad="closeit()">
head

<script language="JavaScript">

<!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = 'tan.htm';

}

// -->

</script>
<body>注意:这段代码是在新建文件中的
<script language="JavaScript">

 function closeit()

 </script>

这个可不是<iframe>(引用)呀。是直接调用的。以下代码加入<body>区域

<object type="text/x-scriptlet" width="800"  height="1000" data="../index.htm">
</object>

<技巧200多个>

http://blog.csdn.net/lizh0103/archive/2007/06/07/1642789.aspx

 Javascript中最常用的55个经典技巧

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

 

2. <body onselectstart="return false"> 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

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


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


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


9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!-- 
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>


10. 网页将不能被另存为
<noscript><*** src="/*.html>";</***></noscript>


11. <input type=button value="/查看网页源代码 
οnclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">
12.删除时确认
<a href=""javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>


13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>
//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>


14. 光标是停在文本框文字的最后
<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" οnfοcus="cc()">


15. 判断上一页的来源
javascript :
document.referrer


16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="/Close"></OBJECT>
<input type=button value="/最小化 οnclick=hh1.Click()>
<input type=button value="/blog/最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE


17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT CTRL

document.οnkeydοwn=look; 
</script>


18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">


19.怎样让表单没有凹凸感?
<input type=text style="""border:1 solid #000000"> 

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 
1 solid #000000"></textarea>


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


21.让弹出窗口总是在最上面:
<body οnblur="this.focus();">


22.不要滚动条? 
让竖条没有: 
<body style="overflow:scroll;overflow-y:hidden"> 
</body> 
让横条没有: 
<body style="overflow:scroll;overflow-x:hidden"> 
</body> 
两个都去掉?更简单了 
<body scroll="no"> 
</body>


23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="/logo.jpg" border=0></a>


24.电子邮件处理提交表单
<form name="form1" method="post" action=mailto:****@***.com 
enctype="text/plain"> 
<input type=submit>
</form>


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


26.如何设定打开页面的大小
<body οnlοad="top.resizeTo(300,200);">
打开页面的位置<body οnlοad="top.moveBy(300,200);">


27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 
<STYLE> 
body 
{background-image:url(/logo.gif); background-repeat:no-repeat; 
background-position:center;background-attachment: fixed} 
</STYLE>


28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>


29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight


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


31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange
="this.style.posHeight=this.scrollHeight">
</textarea>


32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>


33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then 
window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="/style" checked>Style
<INPUT name="radio1" type="radio" value="/blog/barcode">Barcode
<INPUT type="button" value="check" οnclick="checkme()">
</BODY></HTML>


34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript"> 
<!-- Hide 
function killErrors() { 
return true; 

window.onerror = killErrors; 
// --> 
</SCRIPT>


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


36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.cctv.com"
function butt(){
***("<form name=autof>")
for(var i=1;i<autourl.length;i++)
***("<input type=text name=txt"+i+" size=10 value="/测试中……> =》<input type=text 
name=url"+i+" size=40> =》<input type=button value="/blog/GO 
οnclick=window.open(this.form.url"+i+".value)><br>")
***("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="/链接超时"}
else
{document.forms[0]["txt"+b].value="/blog/时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)***("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 
οnerrοr=auto("http://"+autourl+"")>")}
run()</script>


37. 各种样式的光标
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


38.页面进入和退出的特效
进入页面<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 以上22种随机选择一种


39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">


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


41、email地址的分割
把如下代码加入<body>区域中
<a href="mailto:webmaster@sina.com">webmaster@sina.com</a>


42、流动边框效果的表格
把如下代码加入<body>区域中
<SCRIPT>
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
Nx=5;Ny=35
t="<table border=0 cellspacing=0 cellpadding=0 height="+((Nx+2)*16)+"><tr>"
for(x=Nx;x<Nx+Ny;x++)
t+="<td width=16 id=a_mo"+x+"> </td>"
t+="</tr><tr><td width=10 id=a_mo"+(Nx-1)+"> </td><td colspan="+(Ny-2)+" rowspan="+(Nx)+"> </td><td width=16 id=a_mo"+(Nx+Ny)+"></td></tr>"
for(x=2;x<=Nx;x++)
t+="<tr><td width=16 id=a_mo"+(Nx-x)+"> </td><td width=16 id=a_mo"+(Ny+Nx+x-1)+"> </td></tr>"
t+="<tr>"
for(x=Ny;x>0;x--)
t+="<td width=16 id=a_mo"+(x+Nx*2+Ny-1)+"> </td>"
***(t+"</tr></table>")
var N=Nx*2+Ny*2
function f1(y){
for(i=0;i<N;i++){
c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor=""""#0000"+l[c]+l[c]+"'"}
y++
setTimeout('f1('+y+')','1')}
f1(1)
</SCRIPT>


43、JavaScript主页弹出窗口技巧
窗口中间弹出
<script>
window.open("http://www.cctv.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth-400)/2);
</script>
============
<html>
<head>
<script language="LiveScript">
function WinOpen() {
    msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
    msg.***("<HEAD><TITLE>哈 罗!</TITLE></HEAD>");
    msg.***("<CENTER><H1>酷 毙 了!</H1><h2>这 是<B>JavaScript</B>所 开 的 视 窗!</h2></CENTER>");
}
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="Push me" οnclick="WinOpen()">
</form>
</body>
</html>
==============
一、在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网。而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。
  代码如下: 
  <SCRIPT language="JavaScript"> 
  <!-- 
  function openclk() { 
  another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>http://www.ccidnet.com','NewWindow'); 
  } 
  function closeclk() { 
  another.close(); 
  } 
  //--> 
  </SCRIPT> 
  <FORM> 
  <INPUT TYPE="BUTTON" NAME="open" value="/打开一个窗口" onClick="openclk()"> 
  <BR> 
  <INPUT TYPE="BUTTON" NAME="close" value="/blog/关闭这个窗口" onClick="closeclk()"> 
  </FORM> 
  二、上面的代码也太静了,为何不来点动感呢?如果能给页面来个降落效果那该多好啊! 
  代码如下: 
  <script> 
  function drop(n) { 
  if(self.moveBy){ 
  self.moveBy (0,-900); 
  for(i = n; i > 0; i--){ 
  self.moveBy(0,3); 
  } 
  for(j = 8; j > 0; j--){ 
  self.moveBy(0,j); 
  self.moveBy(j,0); 
  self.moveBy(0,-j); 
  self.moveBy(-j,0); 
  } 
  } 
  } 
  </script> 
  <body onLoad="drop(300)"> 
  三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。 
  代码如下: 
  <SCRIPT LANGUAGE="JavaScript"> 
  <!-- Begin 
  function popupPage(l, t, w, h) { 
  var windowprops = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes" + 
  ",left=" + l + ",top=" + t + ",width=" + w + ",height=" + h; 
  var URL = "http://www.80cn.com"; 
  popup = window.open(URL,"MenuPopup",windowprops); 
  } 
  // End --> 
  </script> 
  <table> 
  <tr> 
  <td> 
  <form name=popupform> 
  <pre> 
  打开页面的参数<br> 
  离开左边的距离: <input type=text name=left size=2 maxlength=4> pixels 
  离开右边的距离: <input type=text name=top size=2 maxlength=4> pixels 
  窗口的宽度: <input type=text name=width size=2 maxlength=4> pixels 
  窗口的高度: <input type=text name=height size=2 maxlength=4> pixels 
  </pre> 
  <center> 
  <input type=button value="打开这个窗口!" onClick="popupPage(this.form.left.value, this.form.top.value, this.form.width.value,
this.form.height.value)"> 
  </center> 
  </form> 
  </td> 
  </tr> 
  </table>你只要在相对应的对话框中输入一个数值即可,将要打开的页面的窗口控制得很好。


44、页面的打开移动
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
for (t = 2; t > 0; t--) {
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(0,-x);
   }
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(0,x);
   }
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(x,0);
   }
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(-x,0);
     }
   } 
}
//-->
//   End -->
</script>


45、显示个人客户端机器的日期和时间
<script language="LiveScript">
<!-- Hiding
   today = new Date()
   ***("现 在 时 间 是: ",today.getHours(),":",today.getMinutes())
   ***("<br>今 天 日 期 为: ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
// end hiding contents -->
</script>


46、自动的为你每次产生最後修改的日期了: 
<html>
<body>
This is a simple HTML- page.
<br>
Last changes:
   <script language="LiveScript">
   <!--   hide script from old browsers
     ***(document.lastModified)
   // end hiding contents -->
   </script>
</body>
</html>


47、不能为空和邮件地址的约束:
<html>
<head>
<script language="JavaScript">
<!-- Hide
function test1(form) {
   if (form.text1.value == "")
     alert("您 没 写 上 任 何 东 西, 请 再 输 入 一 次 !")
   else { 
    alert("嗨 "+form.text1.value+"! 您 已 输 入 完 成 !");
   }
}
function test2(form) {
   if (form.text2.value == "" || 
       form.text2.value.indexOf('@', 0) == -1) 
         alert("这 不 是 正 确 的 e-mail address! 请 再 输 入 一 次 !");
   else alert("您 已 输 入 完 成 !");
}
// -->
</script>
</head>
<body>
<form name="first">
Enter your name:<br>
<input type="text" name="text1">
<input type="button" name="button1" value="输 入 测 试" onClick="test1(this.form)">
<P>
Enter your e-mail address:<br>
<input type="text" name="text2">
<input type="button" name="button2" value="输 入 测 试" onClick="test2(this.form)">
</body>


48、跑马灯
<html>
<head>
<script language="JavaScript">
<!-- Hide
var scrtxt="怎麽样 ! 很酷吧 ! 您也可以试试."+"Here goes your message the visitors to your 
page will "+"look at for hours in pure fascination...";
var lentxt=scrtxt.length;
var width=100;
var pos=1-width;
function scroll() {
   pos++;
   var scroller="";
   if (pos==lentxt) {
     pos=1-width;
   }
   if (pos<0) {
     for (var i=1; i<=Math.abs(pos); i++) {
       scroller=scroller+" ";}
     scroller=scroller+scrtxt.substring(0,width-i+1);
   }
   else {
     scroller=scroller+scrtxt.substring(pos,width+pos);
   }
   window.status = scroller;
   setTimeout("scroll()",150);
   }
//-->
</script>
</head>
<body onLoad="scroll();return true;">
这里可显示您的网页 !
</body>
</html>


49、在网页中用按钮来控制前页,后页和主页的显示。
<html>
<body>
<FORM NAME="buttonbar">
      <INPUT TYPE="button" VALUE="Back" onClick="history.back()">
      <INPUT TYPE="button" VALUE="JS- Home" onClick="location='script.html'">
      <INPUT TYPE="button" VALUE="Next" onCLick="history.forward()">
</FORM>
</body>
</html>
50、查看某网址的源代码
把如下代码加入<body>区域中
<SCRIPT>
function add()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:"+ress;
}
</SCRIPT>
输入要查看源代码的URL地址:
<FORM><input type="text" name="luxiaoqing" size=40 value="http://"></FORM>
<FORM><br>
<INPUT type="button" value="查看源代码" onClick=add()>
</FORM>


51、title显示日期
把如下代码加入<body>区域中:
<script language="JavaScript1.2">
<!--hide
var isnMonth = new
Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var isnDay = new
Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
today = new Date () ;
Year=today.getYear();
Date=today.getDate();
if (document.all)
document.title="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
//--hide-->
</script>


52、显示所有链接
把如下代码加入<body>区域中
<script language="JavaScript1.2">
<!--
function extractlinks(){
var links=document.all.tags("A")
var total=links.length
var win2=window.open("","","menubar,scrollbars,toolbar")
win2.***("<font size='2'>一共有"+total+"个连接</font><br>")
for (i=0;i<total;i++){
win2.***("<font size='2'>"+links[i].outerHTML+"</font><br>")
}
}
//-->
</script>
<input type="button" onClick="extractlinks()" value="显示所有的连接">


53、回车键换行
把如下代码加入<body>区域中
<script type="text/javascript">                
function handleEnter (field, event) {
   var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
   if (keyCode == 13) {
    var i;
    for (i = 0; i < field.form.elements.length; i++)
     if (field == field.form.elements[i])
      break;
    i = (i + 1) % field.form.elements.length;
    field.form.elements[i].focus();
    return false;
   } 
   else
   return true;
}      
</script>
<form>
<input type="text" οnkeypress="return handleEnter(this, event)"><br>
<input type="text" οnkeypress="return handleEnter(this, event)"><br>
<textarea>回车换行


54、确认后提交
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!--
function msg(){
if (confirm("你确认要提交嘛!"))
document.lnman.submit()
}
//-->
</SCRIPT>
<form name="lnman" method="post" action="">
   <p>
     <input type="text" name="textfield" value="确认后提交">
   </p>
   <p>
     <input type="button" name="Submit" value="提交" οnclick="msg();">
   </p>
</form>


55、改变表格的内容
把如下代码加入<body>区域中
<script ***script>
var arr=new Array()
arr[0]="一一一一一";
arr[1]="二二二二二";
arr[2]="三三三三三";
</script>
<select οnchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]">
   <option value=a>改变第一格</option>
   <option value=a>改变第二格</option>
   <option value=a>改变第三格</option>
</select>
<table id=zz border=1>
   <tr height=20>
     <td width=150>第一格</td>
<td width=150>第二格</td>
<td width=150>第三格</td>
   </tr>
</table>

javaScript技巧集合  

  • 事件源对象 
    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.οnmοusedοwn=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 οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()> 
  • 禁止粘贴 
    <input type=text οnpaste="return false">
  • 地址栏图标 
    <link rel="Shortcut Icon" href="favicon.ico"> 
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
  • 收藏栏图标 
    <link rel="Bookmark" href="favicon.ico">
  • 查看源码 
    <input type=button value=查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 关闭输入法 
    <input style="ime-mode:disabled">
  • 自动全选 
    <input type=text name=text1 value="123" οnfοcus="this.select()">
  • ENTER键可以让光标移到下一个输入框 
    <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
  • 文本框的默认值 
    <input type=text value="123" οnfοcus="alert(this.defaultValue)">
  • title换行 
    obj.title = "123&#13sdfs&#32"
  • 获得时间所代表的微秒 
    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 οnlοad="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 οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="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;  

//过滤数字

//特殊用途

//不缓存


//正则匹配

 

匹配中文字符的正则表达式: [\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- ./?%&=]*)? 
以下是例子: 
利用正则表达式限制网页表单里的文本框输入内容: 
用正则表达式限制只能输入中文:οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 
1.用正则表达式限制只能输入全角字符: οnkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 
2.用正则表达式限制只能输入数字:οnkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
3.用正则表达式限制只能输入数字和英文:οnkeyup="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.

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

//光标停在文字最后 

 

<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" οnfοcus="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 

//网页是否被检索


//打印分页


//设置打印 

 

<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=页面设置 οnclick="factory.printing.PageSetup()"
<input type=button value=打印预览 οnclick="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="打印本页" οnclick="factory.printing.Print(false)"
<input type=button value="页面设置" οnclick="factory.printing.PageSetup()"
<input type=button value="打印预览" οnclick="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=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>  
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>  
<input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>  
</p>  
<p> <input type=button value=打印预览 οnclick=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="清空页码" οnclick=PageSetup_Null()> 
<input type="button" value="恢复页码"
 οnclick=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' οnmοusedοwn=MouseDown( this) οnmοusemοve=MouseMove() οnmοuseup=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" οndrag="doDrag();" οnmοuseοver="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" οnmοusedοwn="doMouseDown();"
<a href="#" οnclick="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> 
 

//刷新后不变的文本框

//访问剪贴板

//操作COOKIE 

 

function SetCookie(sName, sValue) 

 document.cookie = sName + "=" + escape(sValue) + "; "

function GetCookie(sName) 

 var aCookie = document.cookie.split("; "); 
 for (var i=0; i < aCookie.length; i++) 
 { 
   
  var aCrumb = aCookie[i].split("="); 
  if (sName == aCrumb[0])  
  return unescape(aCrumb[1]); 
 } 
  

function DelCookie(sName) 

document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;"

}

//setTimeout增加参数

<script> 
var _st = window.setTimeout; 
window.setTimeout = function(fRef, mDelay) { 
 if(typeof fRef == 'function'){ 
  var argu = Array.prototype.slice.call(arguments,2); 
  var f = (function(){ fRef.apply(null, argu); }); 
  return _st(f, mDelay); 
 } 
 return _st(fRef,mDelay); 

function
 test(x){ 
 alert(x); 

window.setTimeout(test,1000,'fason'); 
</script>


//自定义的apply,call

Function.prototype.apply =  function (obj, argu) { 
 if (obj) obj.constructor.prototype._caller = this;  
 var argus = new Array(); 
 for (var i=0;i<argu.length;i++) 
  argus[i] = "argu[" + i + "]"
 var r; 
 eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");"))); 
 return r; 
}; 
Function.prototype.call = function (obj) { 
 var argu = new Array(); 
 for (var i=1;i<arguments.length;i++) 
  argu[i-1] = arguments[i]; 
 return this
.apply(obj, argu); 
};       


//下载文件

function DownURL(strRemoteURL,strLocalURL) 

 try 
 { 
  var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlHTTP.open("Get",strRemoteURL,false); 
  xmlHTTP.send(); 
  var adodbStream=new ActiveXObject("ADODB.Stream"); 
  adodbStream.Type=1;//1=adTypeBinary 
  adodbStream.Open(); 
  adodbStream.write(xmlHTTP.responseBody); 
  adodbStream.SaveToFile(strLocalURL,2); 
  adodbStream.Close(); 
  adodbStream=null
  xmlHTTP=null
   
 } 
 catch(e) 
 { 
  window.confirm("下载URL出错!"); 
 } 
 //window.confirm("下载完成."); 
}


//检验连接是否有效

//组件是否安装 
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//检查网页是否存在 

 

function CheckURL(URL) 

  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlhttp.Open("GET",URL, false); 
  try 
  {  
    xmlhttp.Send();  
    var result = xmlhttp.status; 
  } 
  catch(e) {return(false); } 
  if(result==200) 
  {  
    return true
  } 
  xmlhttp = null
  return false

}

//连接数据库 

 

<script language= "javascript"
  //用 JavaScript 写服务器端连接数据库的代码示例 
  var conn = new ActiveXObject("ADODB.Connection"); 
  conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; " 
    +"Password=; Initial Catalog=pubs"); 
  var rs = new ActiveXObject("ADODB.Recordset"); 
  var sql="select * from authors"
  rs.open(sql, conn); 
 shtml = "<table width='100%' border=1>"
 shtml +="<tr bgcolor='#f4f4f4'><td>au_id</td><td>au_lname</td><td>au_fname</td><td>phone</td><td>address</td><td> city</td><td>state</td><td>zip</td></tr>"
  while(!rs.EOF) 
  { 
 shtml += "<tr><td>" + rs("au_id") + "</td><td>" + rs("au_lname") + "</td><td>" + rs("au_fname") + "</td><td>" + rs("phone") + "</td><td>" + rs("address") + "</td><td>" + rs("city") + "</td><td>" + rs("state") + "</td><td>" + rs("zip") + "</td></tr>"
 rs.moveNext; 
  } 
  shtml += "</table>"
  document.write(shtml); 
  rs.close();  
  rs = null;  
  conn.close();  
  conn = null

</script>

//使用数据岛

<html> 
<body> 
srno:<input type=text datasrc=#xmldate DataFLD=srno size= "76"><BR> 
times:<input type=text datasrc=#xmldate DataFLD=times size="76"><BR> 
<input id="first" TYPE=button value="<< 第一条记录" οnclick="xmldate.recordset.moveFirst()"
<input id="prev" TYPE=button value="<上一条记录" οnclick="xmldate.recordset.movePrevious()">   
<input id="next" TYPE=button value="下一条记录>" οnclick="xmldate.recordset.moveNext()">   
<input id="last" TYPE=button value="最后一条记录>>" οnclick="xmldate.recordset.moveLast()">    
<input id="Add" TYPE=button value="添加新记录" οnclick="xmldate.recordset.addNew()">   

<XML ID="xmldate"
<infolist> 
<info ><srno>20041025-01</srno><times>null
</times></info> 
<info ><srno>20041101-09</srno><times>2004年10月1日2点22分0秒</times></info> 
</infolist> 
</XML> 
</body> 
</html>

//获得参数

<body> 
<a href= "javascript:location.href=location.href + '?a=1&b=2'">search</a> 
<script language="JavaScript"
<!-- 
var a = location.search.substr(1); 
if(a.length>0) 

 var re = /([^&]*?)\=([^&]*)/g 
 var s = a.match(re); 
 for(var i= 0;i<s.length;i++) 
 { 
  alert(s[i]); 
  alert(s[i].split("=")[1]); 
 } 

//--> 
</script> 
</body>

//可编辑SELECT

<input type=text name=re_name style= "width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="document.all.re_name.value=this.value;"
                <option value="1">11111111<option> 
                <option value="2">222222</option> 
                <option value="3"
>333333</option> 
              </select> 
              </span>

//设置光标位置 

 

function getCaret(textbox) 

 var control = document.activeElement; 
 textbox.focus(); 
 var rang = document.selection.createRange(); 
  rang.setEndPoint("StartToStart",textbox.createTextRange()) 
 control.focus(); 
 return rang.text.length; 

function setCaret(textbox,pos) 

 try 
 { 
  var r =textbox.createTextRange(); 
   r.moveStart('character',pos); 
   r.collapse(true); 
   r.select(); 
 } 
 catch(e) 
 {} 

function selectLength(textbox,start,len) 

 try 
 { 
  var r =textbox.createTextRange(); 
  
  r.moveEnd('character',len-(textbox.value.length-start)); 
  r.moveStart('character',start); 
   
  r.select(); 
 } 
 catch(e) 
 {//alert(e.description)} 

function
 insertAtCaret(textbox,text) 

 textbox.focus(); 
 document.selection.createRange().text = text; 
}


//页内查找 

 

function findInPage(str) 

 var txt, i, found,n = 0; 
 if (str == ""
 { 
  return false
 } 
 txt = document.body.createTextRange(); 
 for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) 
 { 
  txt.moveStart("character", 1); 
  txt.moveEnd("textedit"); 
 } 
 if (found) 
 { 
  txt.moveStart("character", -1); 
  txt.findText(str); 
  txt.select(); 
  txt.scrollIntoView(); 
  n++;   
 } 
 else 
 { 
  if (n > 0) 
  { 
   n = 0; 
   findInPage(str); 
  } 
  else 
  { 
   alert(str + "...            您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找!"); 
  } 
 } 
 return false

}

//书

<script language= "javascript"
function jStartExcel() { 
 var xls = new ActiveXObject ( "Excel.Application" ); 
 xls.visible = true
 var newBook = xls.Workbooks.Add; 
 newBook.Worksheets.Add; 
 newBook.Worksheets(1).Activate; 
 xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2; 
 xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5; 
 newBook.Worksheets(1).Columns("A").columnwidth=50; 
 newBook.Worksheets(1).Columns("A").WrapText = true
 newBook.Worksheets(1).Columns("B").columnwidth=50; 
 newBook.Worksheets(1).Columns("B").WrapText = true
 newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0"
 newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131; 
 newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15"
 newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell"
 newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell"
 newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell"
 newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell"
 newBook.Worksheets(1).Name="My First WorkSheet"


</script>


//自定义提示条 

 

<a href= "#" title="这是提示">tip</a> 
<script Language="JavaScript"
//***********默认设置定义.********************* 
tPopWait=50;//停留tWait豪秒后显示提示。 
tPopShow=5000;//显示tShow豪秒后关闭提示 
showPopStep=20; 
popOpacity=99; 
//***************内部变量定义***************** 
sPop=null
curShow=null
tFadeOut=null
tFadeIn=null
tFadeWaiting=null
document.write("<style type='text/css'id='defaultPopStyle'>"); 
document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); 
document.write("</style>"); 
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>"); 

function showPopupText(){ 
var o=event.srcElement; 
MouseX=event.x; 
MouseY=event.y; 
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
if(o.dypop!=sPop) { 
sPop=o.dypop; 
clearTimeout(curShow); 
clearTimeout(tFadeOut); 
clearTimeout(tFadeIn); 
clearTimeout(tFadeWaiting); 
if(sPop==null || sPop=="") { 
dypopLayer.innerHTML=""
dypopLayer.style.filter="Alpha()"
dypopLayer.filters.Alpha.opacity=0; 

else { 
if(o.dyclass!=null) popStyle=o.dyclass  
else popStyle="cPopText"
curShow=setTimeout("showIt()",tPopWait); 



function showIt(){ 
dypopLayer.className=popStyle; 
dypopLayer.innerHTML=sPop; 
popWidth=dypopLayer.clientWidth; 
popHeight=dypopLayer.clientHeight; 
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 
else popLeftAdjust=0; 
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 
else popTopAdjust=0; 
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 
dypopLayer.style.filter="Alpha(Opacity=0)"
fadeOut(); 

function fadeOut(){ 
if(dypopLayer.filters.Alpha.opacity<popOpacity) { 
dypopLayer.filters.Alpha.opacity+=showPopStep; 
tFadeOut=setTimeout("fadeOut()",1); 

else { 
dypopLayer.filters.Alpha.opacity=popOpacity; 
tFadeWaiting=setTimeout("fadeIn()",tPopShow); 


function fadeIn(){ 
if(dypopLayer.filters.Alpha.opacity>0) { 
dypopLayer.filters.Alpha.opacity-=1; 
tFadeIn=setTimeout("fadeIn()"
,1); 


document.οnmοuseοver=showPopupText; 
</script>

//插入文字

document.onclick = function(){  
var oSource = window.event.srcElement;  
if(oSource.tagName!="DIV")  
return false;  
var sel = document.selection;  
if (sel!=null) {  
var rng = sel.createRange();  
if (rng!=null)  
rng.pasteHTML("<font color=red>插入文字</font>"
);  
}  

//netscapte下操作xml

//判断键值

//禁止FSO 

1.注销组件 
regsvr32 /u scrrun.dll 
2.修改PROGID  
HKEY_CLASSES_ROOT\Scripting.FileSystemObject 
Scripting.FileSystemObject 
3.对于使用object的用户,修改HKEY_CLASSES_ROOT\Scripting.


//省略号

//检测media play版本 

//图象按比例 

//细线SELECT 

 

function getComputerName() 

 var objWMIService = GetObject("Winmgmts:root\cimv2"); 
 for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext()) 
 { 
    var getComputer = e.item(); 
    return
 getComputer.Name; 
 } 
}



//条件编译

<script language=javascript> 
/*@cc_on @*/ 
/*@if (@_win32 && @_jscript_version>5) 
function window.confirm(str) 

    execScript("n = msgbox('"+ str +"', 257)", "vbscript"); 
    return(n == 1); 

@end @*/
 
</script>



//取得innerText

<SCRIPT LANGUAGE= "JavaScript"
<!-- 
 var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0"); 
 var currNode; 
 xmlDoc.async = false
 xmlDoc.async = false
 xmlDoc.loadXML("<TABLENAME>      你好你阿三    大法     司法等四              </TABLENAME>"); 
 currNode = xmlDoc.documentElement; 
    
  var s = currNode.xml; 
  var r = /\<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\/\1\>/ 
  var b = s.replace(r,"$2"); 
  alert(b); 
//--> 
</SCRIPT>

//mergeAttributes 复制所有读/写标签属性到指定元素。

<SCRIPT> 
function fnMerge(){ 
oSource.children[1].mergeAttributes(oSource.children[0]); 

</SCRIPT> 
<SPAN ID=oSource> 
<DIV 
ID="oDiv" 
ATTRIBUTE1="true" 
ATTRIBUTE2="true" 
οnclick="alert('click');" 
οnmοuseοver="this.style.color='#0000FF';" 
οnmοuseοut="this.style.color='#000000';" 

This is a sample <B>DIV</B> element. 
</DIV> 
<DIV ID="oDiv2"
This is another sample <B>DIV</B> element. 
</DIV> 
</SPAN> 
<INPUT 
TYPE="button" 
VALUE="Merge Attributes" 
οnclick="fnMerge()"
 
>

 

< span style="border:1px solid #000000; position:absolute; overflow:hidden;" 
<select style="margin:-2px;"
<option>1111</option
<option>11111111111111</option
<option>111111111</option
</select></span
>


//Import

function Import() { 
 for( var i=0; i<arguments.length; i++ ) { 
  var file = arguments[i]; 
  if ( file.match(/\.js$/i))  
   document.write('<script type=\"text/javascript\
" src=\"' + file + '\"></sc' + 'ript>'); 
  else 
   document.write('<style type=\"text/css\"
>@import \"' + file + '\" ;</style>'); 
 } 
};


//js枚举

<script language= "JavaScript"
<!-- 
//图片按比例缩放 
var flag=false
function DrawImage(ImgD){ 
 var image=new Image(); 
 var iwidth = 80;  //定义允许图片宽度 
 var iheight = 80;  //定义允许图片高度 
 image.src=ImgD.src; 
 if(image.width>0 && image.height>0){ 
 flag=true
 if(image.width/image.height>= iwidth/iheight){ 
  if(image.width>iwidth){   
  ImgD.width=iwidth; 
  ImgD.height=(image.height*iwidth)/image.width; 
  }else
  ImgD.width=image.width;   
  ImgD.height=image.height; 
  } 
  ImgD.alt=image.width+"×"+image.height; 
  } 
 else
  if(image.height>iheight){   
  ImgD.height=iheight; 
  ImgD.width=(image.width*iheight)/image.height;   
  }else
  ImgD.width=image.width;   
  ImgD.height=image.height; 
  } 
  ImgD.alt=image.width+"×"+image.height; 
  } 
 } 
}  
//--> 
</script> 
<img src=".." onload = "DrawImage(this)"
>
<IE:clientCaps ID= "oClientCaps" style="{behavior:url(#default#clientcaps)}" /> 
<SCRIPT> 
var flash=""
    WMPVersion= oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID");  
    if (WMPVersion != "") { 
    flash = ""
    var version = WMPVersion.split(","); 
    var i; 
    for (i = 0; i < version.length; i++) { 
      if (i != 0) 
    flash += "."
      flash += version[i]; 
    } 
     document.write("您的Windows Media Player 版本是:"+flash+"<p>"
); 
  } 
</SCRIPT>
<DIV STYLE= "width: 120px; height: 50px; border: 1px solid blue; 
            overflow: hidden; text-overflow:ellipsis"

<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR> 
</DIV>
<html> 
<meta http-equiv= "Content-Type" content="text/html; charset=gb2312"
<head> 
<script language="javascript"
var ie  =navigator.appName=="Microsoft Internet Explorer"?true:false
   
function keyDown(e) 

 if(!ie) 
 { 
  var nkey=e.which; 
  var iekey='现在是ns浏览器'; 
  var realkey=String.fromCharCode(e.which); 
 } 
 if(ie) 
 { 
  var iekey=event.keyCode; 
  var nkey='现在是ie浏览器'; 
  var realkey=String.fromCharCode(event.keyCode); 
  if(event.keyCode==32){realkey='\' 空格\''} 
  if(event.keyCode==13){realkey='\' 回车\''} 
  if(event.keyCode==27){realkey='\' Esc\''} 
  if(event.keyCode==16){realkey='\' Shift\''} 
  if(event.keyCode==17){realkey='\' Ctrl\''} 
  if(event.keyCode==18){realkey='\' Alt\''} 
 } 
 alert('ns浏览器中键值:'+nkey+'\n'+'ie浏览器中键值:'+iekey+'\n'+'实际键为'+realkey); 

document.onkeydown = keyDown; 
</script> 
</head> 
<body> 
//Javascript Document. 
<hr> 
<center> 
<h3>请按任意一个键。。。。</h3> 
</center> 
</body> 
</html>
doc =  new ActiveXObject("Msxml2.DOMDocument"); 
doc = new ActiveXObject("Microsoft.XMLDOM"
->> 
doc = (new
 DOMParser()).parseFromString(sXML,'text/xml')
function getXML(URL)  

 var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 
 xmlhttp.Open("GET",URL, false);  
 try 
 {  
  xmlhttp.Send(); 
 } 
 catch(e){} 
 finally  
 { 
  var result = xmlhttp.responseText; 
  if(result)  
  { 
   if(xmlhttp.Status==200) 
   { 
    return(true); 
   } 
   else  
   { 
    return(false); 
   } 
  } 
  else  
  { 
   return(false
); 
  } 
 } 
}

//POST代替FORM

<SCRIPT language= "VBScript"
Function URLEncoding(vstrIn) 
    strReturn = "" 
    For i = 1 To Len(vstrIn) 
        ThisChr = Mid(vStrIn,i,1) 
        If Abs(Asc(ThisChr)) < &HFF Then 
            strReturn = strReturn & ThisChr 
        Else 
            innerCode = Asc(ThisChr) 
            If innerCode < 0 Then 
                innerCode = innerCode + &H10000 
            End If 
            Hight8 = (innerCode  And &HFF00)\ &HFF 
            Low8 = innerCode And &HFF 
            strReturn = strReturn & "%" & Hex(Hight8) &  "%" & Hex(Low8) 
        End If 
    Next 
    URLEncoding = strReturn 
End Function 
Function bytes2BSTR(vIn) 
    strReturn = "" 
    For i = 1 To LenB(vIn) 
        ThisCharCode = AscB(MidB(vIn,i,1)) 
        If ThisCharCode < &H80 Then 
            strReturn = strReturn & Chr(ThisCharCode) 
        Else 
            NextCharCode = AscB(MidB(vIn,i+1,1)) 
            strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode)) 
            i = i + 1 
        End If 
    Next 
    bytes2BSTR = strReturn 
End Function 
dim strA,oReq 
strA = URLEncoding("submit1=Submit&text1=中文"
set oReq = CreateObject("MSXML2.XMLHTTP"
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false 
oReq.setRequestHeader "Content-Length",Len(strA) 
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded"
 
oReq.send strA 
msgbox bytes2BSTR(oReq.responseBody) 
</SCRIPT>

//readyState是xmlhttp返回数据的进度,0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

(1)拖拽访问 
event.dataTransfer.setData( "URL", oImage.src); 
sImageURL = event.dataTransfer.getData("URL"
(2)普通访问 
window.clipboardData.setData("Text",oSource.innerText); 
window.clipboardData.getData("Text"
);
<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>
<p  style= "page-break-after:always">page1</p>   
<p  style="page-break-after:always"
>page2</p>  
<meta name= "ROBOTS" content="属性值"
  其中属性值有以下一些: 
  属性值为"all": 文件将被检索,且页上链接可被查询; 
  属性值为"none": 文件不被检索,而且不查询页上的链接; 
  属性值为"index": 文件将被检索; 
  属性值为"follow": 查询页上的链接; 
  属性值为"noindex": 文件不检索,但可被查询链接; 
  属性值为"nofollow"
<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=最小化 οnclick=min.Click()>  
<input type=button value=最大化 οnclick=max.Click()>  
<input type=button value=关闭 οnclick=close.Click()> 
<META HTTP-EQUIV= "pragma" CONTENT="no-cache"
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"
<META HTTP-EQUIV="expires" CONTENT="0"
>
<input type=button value=导入收藏夹 οnclick= "window.external.ImportExportFavorites(true,'http://localhost');"
<input type=button value=导出收藏夹 οnclick="window.external.ImportExportFavorites(false,'http://localhost');"
<input type=button value=整理收藏夹 οnclick="window.external.ShowBrowserUI('OrganizeFavorites', null)"
<input type=button value=语言设置   οnclick="window.external.ShowBrowserUI('LanguageDialog', null)"
<input type=button value=加入收藏夹 οnclick="window.external.AddFavorite('http://www.google.com/', 'google')"
<input type=button value=加入到频道 οnclick="window.external.addChannel('http://www.google.com/')"
<input type=button value=加入到频道 οnclick="window.external.showBrowserUI('PrivacySettings',null)"
>
<input type=text οnkeypress= "return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" οnpaste="return !clipboardData.getData('text').match(/\D/)" οndragenter="return false">

1.   οncοntextmenu="window.event.returnValue=false"   将彻底屏蔽鼠标右键 
<table   border   οncοntextmenu=return(false)> <td> no </table>   可用于Table 

2.   <body   onselectstart="return   false">   取消选取、防止复制 

3.   οnpaste="return   false"   不准粘贴 

4.   οncοpy="return   false;"   oncut="return   false;"   防止复制 

5.   <link   rel="Shortcut   Icon"   href="favicon.ico">   IE地址栏前换成自己的图标 

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

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

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

9.   防止被人frame 
<SCRIPT   LANGUAGE=JAVASCRIPT> <!--   
if   (top.location   !=   self.location)top.location=self.location; 
//   --> </SCRIPT> 

10.   网页将不能被另存为 
<noscript> <iframe   src="/blog/*.html> "; </iframe> </noscript>   

11.   <input   type=button   value=查看网页源代码   
οnclick="window.location   =   "view-source:"+   "http://www.williamlong.info""> 

12.删除时确认 
<a   href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1""> 删除 </a>   

13.   取得控件的绝对位置 
//Javascript 
<script   language="Javascript"> 
function   getIE(e){ 
var   t=e.offsetTop; 
var   l=e.offsetLeft; 
while(e=e.offsetParent) 
alert("top="+t+"/nleft="+l); 

</script> 

//VBScript 
<script   language="VBScript"> <!-- 
function   getIE() 
dim   t,l,a,b 
set   a=document.all.img1 
t=document.all.img1.offsetTop 
l=document.all.img1.offsetLeft 
while   a.tagName <> "BODY" 
set   a   =   a.offsetParent 
t=t+a.offsetTop 
l=l+a.offsetLeft 
wend 
msgbox   "top="&t&chr(13)&"left="&l,64,"得到控件的位置" 
end   function 
--> </script> 

14.   光标是停在文本框文字的最后 
<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"   οnfοcus="cc()"> 

15.   判断上一页的来源 
javascript: 
document.referrer 

16.   最小化、最大化、关闭窗口 
<object   id=hh1   classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">   
<param   name="Command"   value="Minimize"> </object> 
<object   id=hh2   classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">   
<param   name="Command"   value="Maximize"> </object> 
<OBJECT   id=hh3   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<PARAM   NAME="Command"   VALUE="Close"> </OBJECT> 
<input   type=button   value=最小化   οnclick=hh1.Click()> 
<input   type=button   value=最大化   οnclick=hh2.Click()> 
<input   type=button   value=关闭   οnclick=hh3.Click()> 
本例适用于IE 

17.屏蔽功能键Shift,Alt,Ctrl 
<script> 
function   look(){   
if(event.shiftKey)   
alert("禁止按Shift键!");   //可以换成ALT CTRL 
}   
document.οnkeydοwn=look;   
</script> 

18.   网页不会被缓存 
<META   HTTP-EQUIV="pragma"   CONTENT="no-cache"> 
<META   HTTP-EQUIV="Cache-Control"   CONTENT="no-cache,   must-revalidate"> 
<META   HTTP-EQUIV="expires"   CONTENT="Wed,   26   Feb   1997   08:21:57   GMT"> 
或者 <META   HTTP-EQUIV="expires"   CONTENT="0"> 

19.怎样让表单没有凹凸感? 
<input   type=text   style="border:1   solid   #000000">   
或 
<input   type=text   style="border-left:none;   border-right:none;   border-top:none;   border-bottom:   

1   solid   #000000"> </textarea> 

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

21.让弹出窗口总是在最上面: 
<body   οnblur="this.focus();"> 

22.不要滚动条?   
让竖条没有:   
<body   style="overflow:scroll;overflow-y:hidden">   
</body>   
让横条没有:   
<body   style="overflow:scroll;overflow-x:hidden">   
</body>   
两个都去掉?更简单了   
<body   scroll="no">   
</body>   

23.怎样去掉图片链接点击后,图片周围的虚线? 
<a   href="#"   onFocus="this.blur()"> <img   src="/blog/logo.jpg"   border=0> </a> 

24.电子邮件处理提交表单 
<form   name="form1"   method="post"   action="mailto:****@***.com"   enctype="text/plain">   
<input   type=submit> 
</form> 

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

26.如何设定打开页面的大小 
<body   οnlοad="top.resizeTo(300,200);"> 
打开页面的位置 <body   οnlοad="top.moveBy(300,200);"> 

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动   
<STYLE>   
body   
{background-image:url(/blog/logo.gif);   background-repeat:no-repeat;   
background-position:center;background-attachment:   fixed}   
</STYLE>   

28.   检查一段字符串是否全由数字组成 
<script   language="Javascript"> <!-- 
function   checkNum(str){return   str.match(//D/)==null} 
alert(checkNum("1232142141")) 
alert(checkNum("123214214a1")) 
//   --> </script> 

29.   获得一个窗口的大小 
document.body.clientWidth;   document.body.clientHeight 

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

31.TEXTAREA自适应文字行数的多少 
<textarea   rows=1   name=s1   cols=27   onpropertychange="this.style.posHeight=this.scrollHeight"> 
</textarea> 

32.   日期减去天数等于第二个日期 
<script   language=Javascript> 
function   cc(dd,dadd) 

//可以加上错误处理 
var   a   =   new   Date(dd) 
a   =   a.valueOf() 
a   =   a   -   dadd   *   24   *   60   *   60   *   1000 
a   =   new   Date(a) 
alert(a.getFullYear()   +   "年"   +   (a.getMonth()   +   1)   +   "月"   +   a.getDate()   +   "日") 

cc("12/23/2002",2) 
</script> 

33.   选择了哪一个Radio 
<HTML> <script   language="vbscript"> 
function   checkme() 
for   each   ob   in   radio1 
if   ob.checked   then   window.alert   ob.value 
next 
end   function 
</script> <BODY> 
<INPUT   name="radio1"   type="radio"   value="style"   checked> Style 
<INPUT   name="radio1"   type="radio"   value="barcode"> Barcode 
<INPUT   type="button"   value="check"   οnclick="checkme()"> 
</BODY> </HTML> 

34.脚本永不出错 
<SCRIPT   LANGUAGE="JavaScript">   
<!--   Hide   
function   killErrors()   {   
return   true;   
}   
window.onerror   =   killErrors;   
//   -->   
</SCRIPT> 

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

36.   检测某个网站的链接速度: 
把如下代码加入 <body> 区域中: 
<script   language=Javascript> 
tim=1 
setInterval("tim++",100) 
b=1 
var   autourl=new   Array() 
autourl[1]="www.njcatv.net" 
autourl[2]="javacool.3322.net" 
autourl[3]="www.sina.com.cn" 
autourl[4]="www.nuaa.edu.cn" 
autourl[5]="www.cctv.com" 
function   butt(){ 
document.write(" <form   name=autof> ") 
for(var   i=1;i <autourl.length;i++) 
document.write(" <input   type=text   name=txt"+i+"   size=10   value="/blog/测试中......> "   =》 <input   type=text   
name=url"+i+"   size=40>   =》 <input   type=button   value=GO   

οnclick=window.open(this.form.url"+i+".value)> <br/> ") 
document.write(" <input   type=submit   value=刷新> </form> ") 

butt() 
function   auto(url) 
else 

b++ 

function   run(){for(var   i=1;i <autourl.length;i++)document.write(" <img   src=http://"+autourl+"/"+Math.random()+"   width=1   height=1  

οnerrοr=auto("http://"+autourl+"")> ")} 
run() </script> 

37.   各种样式的光标 
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 

38.页面进入和退出的特效 
进入页面 <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   以上22种随机选择一种 

39.在规定时间内跳转 
<META   http-equiv=V="REFRESH"   content="5;URL=http://www.williamlong.info">   

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

最大化窗口? 
<script   language="JavaScript"> 
<!-- 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
//--> 
</script> 

  


解 决问题:由于层与下拉框之间的优先级是:下拉框   >   层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的   z-index   属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: 

<div   id="menu"   style="position:absolute;   visibility:hidden;   top:20px;   left:20px;   width:100px;   height:200px;   background-color:#6699cc;"> 
<table> 
    <tr> <td> item   1 </td> </tr> 
    <tr> <td> item   2 </td> </tr> 
    <tr> <td> item   3 </td> </tr> 
    <tr> <td> item   4 </td> </tr> 
    <tr> <td> item   5 </td> </tr> 
    </table> 
    <iframe   src="/blog/javascript:false"   style="position:absolute;   visibility:inherit;   top:0px;   left:0px;   width:100px;   height:200px;   z-index:-1;   filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"> </iframe> 
</div> 

<a   href="#"   οnclick="document.getElementById('menu').style.visibility='visible'"> menu </a> 

<form> 
    <select> <option> A   form   selection   list </option> </select> 
</form> 

输入框也可以做的很漂亮了 
<div   align="center"> <input   type="hidden"   name="hao"   value="yes"> 
                            外向数: <input   
            name=answer   
            style="color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192)"> 
                         没回答的题数: <input   
            name=unanswer   id="unanswer"   
            style="color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192)"> 
                        <br/> 
                        总得分: 
                        <input   
            name=score   id="score"   
            style="color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192)"> 
                         结    论: 
                        <input   
            name=xgjg   id="xgjg"   
            style="color:   rgb(255,0,0);   border-left:   medium   none;   border-right:   medium   none;   border-top:   medium   none;   border-bottom:   1px   solid   rgb(192,192,192)"> 
                        <br/> 
                        <br/>   
                        
                        <input   onClick=processForm(this.form)   style="FONT-FAMILY:   宋体;   FONT-SIZE:   9pt"   type=button   value=查看结果   name="button">   
                          <input   type="reset"   name="Submit"   value="重做"> 
                        </div> 
注意:修改 <body> 为 <body   οnlοad="max.Click()"> 即为打开最大 

化窗口,而如果改为 <body   οnlοad="min.Click()"> 就变为窗口一打开就最小化 

<object   id="min"   type="application/x-oleobject"   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
                        <param   name="Command"   value="Minimize"> 
                    </object>   <object   id="max"   type="application/x-oleobject"   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
                        <param   name="Command"   value="Maximize"> 
                    </object> 
</body> 

页面自动刷新(说明) 

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 

1,页面自动刷新:把如下代码加入 <head> 区域中 <meta   http-equiv="refresh"   content="20"> ,其中20指每隔20秒刷新一次页面. 

2, 页面自动跳转:把如下代码加入 <head> 区域中 <meta   http-equiv="refresh"   content="20;url=http://www.williamlong.info"> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。   

页面自动关闭 

5000是指时间 <body   onLoad="setTimeout(window.close,   5000)">   

弹出窗口自动关闭   

10秒后弹出窗口自动关闭 

注意:在新的tan.htm的body中要加   <onLoad="closeit()"> 
head 

<script   language="JavaScript"> 

<!-- 

var   gt   =   unescape('%3e'); 

var   popup   =   null; 

var   over   =   "Launch   Pop-up   Navigator"; 

popup   =   window.open('',   'popupnav',   'width=225,height=235,resizable=1,scrollbars=auto'); 

if   (popup   !=   null)   { 

if   (popup.opener   ==   null)   { 

popup.opener   =   self;   



popup.location.href   =   'tan.htm'; 



//   --> 

</script> 
<body> 注意:这段代码是在新建文件中的 
<script   language="JavaScript"> 

  function   closeit()   

  </script> 

这个可不是 <iframe> (引用)呀。是直接调用的。以下代码加入 <body> 区域 

<object   type="text/x-scriptlet"   width="800"     height="1000"   data="../index.htm"> 
</object>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值