Javascript用法

来源:互联网 发布:pp助手mac版怎么删除 编辑:程序博客网 时间:2024/05/18 23:56

一.页面的后退、刷新、前进

    history.go(-1) ;//后退一页

    history.go(+1);//前进一页

   history.go(-0);//刷新

 

二.保护网页源代码

     function clear()

   {

       Source=document.body.innerHTML;        //获取当前文档的原有内容

       document.open();                                   //打开文档

       document.write("");                              

       document.close();

       document.Title="看不到源代码";

       document.body.innerHTML=Source;            //重新写入旧内容

   }

 

.....

<body onload=clear()>

...

使用“查看源代码”命令看不到源代码

 

三.保护自己的网页不被加入框架

   if(self!=top)

{

     top.location=self.location;         //判断是否是顶层,不是则将当前页设置为顶层

}

 

四.禁止网页另存

   <body>

    <noscript><iframe src=*.html></iframe></noscript>

   </body>

 

将不需要的脚本放在  <noscript>和</noscript>元素之间,可以屏蔽掉这些脚本的运行

 

五.离开页面时弹出对话框

  <body bgcolor="Fef4d9"  onUpload="window.alert('离开时弹出的对话框')">

...

"onUnload"是离开页面时触发的事件。一般用在body或frameset标签上。

六。页面刷新

   document.location.reload();

七. 按Enter键调用登陆按钮

   function keyLogin(){

    if(event.keyCode==13)

        document.getElementById("input1").click();

  }

...

<body onkeydown="keyLogin();">

   <input id="input1"  value="login" type="button" onclick="alert('access success!')">

....

 

八.按钮热键 <input  type="submit" accesskey="s" value="df"> 控件的"accessKey"属性用来设置控件的热键,可以使用“Alt+热键”的形式来激活操作。

 

九.删除时的确认提示

 

function del()

{

   if(confirm("确实要删除吗?"))

      alert("已经删除!");

  else

      alert("已经取消了删除操作");

}

....

<input id="Button1" type="button" value="删除“ onclick="del()"

...

十. 按钮只能单击一次

<input tyoe="button" name="btn" value="单击" onclick="this.disabled=true">

...

 

十一.防止按钮连击

function doubleCheck(){

   if(window.document.readyState !=null && window.document.readyState != 'complete')

      {

         alert("正在处理,请等待!");

         return false;

      }

   else

     {

          return true;

     }

 

....

<input type="button” value="提交" onclick="doubleCheck()">

 

 

 "readyState"属性用来获取页面的状态,其值只能获取,不允许赋值。当其值为“complete”时,表示页面已加载完毕。

 

十二.限制文本框可输入的字符数

   function textcontrol(content)

  {

   if(content.length>2)

    document.getElementById("txt").value=document.getElementById("txt").value.substring(0,2);

  }

...

<textarea id="txt" cols="50" rows="10" onPropetryChange="textcontrol(this.value)">

...

十三.禁止文本的复制和粘贴

       <textarea cols=50 row=5 oncopy="document.selection.empty()" onpaste="return false">测试是否可以复制粘贴</textarea>

...

十四.清空表单

 <body onload="document.forms[0].reset()">

...

 

 

 

原创粉丝点击