常用JS小技巧

来源：互联网发布：英语口语培训知乎编辑：程序博客网时间：2024/05/21 14:54

屏蔽鼠标右键

oncontextmenu="return false"

禁止选取、防止复制
onselectstart="return false"

禁止复制
oncopy="return false"

禁止粘贴
onpaste="return false"

禁止剪切
oncut="return false"

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

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

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

网页禁止另存为
<noscript> <iframe src=*.html> </iframe> </noscript>

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

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

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

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

在打开的子窗口刷新父窗口
window.opener.location.reload()

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

判断是否含有汉字
if(/[^/x00-/xff]/g.test(str)) alert("含有汉字");

TEXTAREA自适应文字行数
<textarea rows=2 name=s1 cols=10 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

屏蔽网页脚步错误,放到head中
<script language="javascript">

</script>

捕捉按键事件

捕捉文本框回车事件
function enterEvent(obj,evt){
    if(evt.keyCode==13){
        alert(obj.value);
    }
}
<input type="text" onkeydown="enterEvent(this,event);">

捕捉窗口关闭事件

window.onbeforeunload = function(){
       var n = window.event.screenX - window.screenLeft;
       var b = n > document.documentElement.scrollWidth-20;
       // 判断是窗口关闭而非刷新页面
      if(b&&window.event.clientY<0||window.event.altKey){
              // 执行相关操作
       }
}