常用JS小技巧

最新推荐文章于 2024-07-03 14:34:48 发布

wenzhiyinghen

最新推荐文章于 2024-07-03 14:34:48 发布

阅读量523

点赞数 1

分类专栏： js

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

让TEXTAREA自适应文字行数
<textarea rows="1" cols="17" onpropertychange="this.style.posHeight=this.scrollHeight>
</textarea>

重新加载页面的JS方法：window.location.reload()

屏蔽脚本错误
　　 function killErrors() {
　　　　 return true;
　　 }
　　 window.οnerrοr=killErrors();

JS结合正则表达式判断是否是字符
　　 if (/[^/x00-/xff]/g.test(str)) { // str为要判断的参数
　　　　 alert("有汉字");
　　 } else {
　　　　 alert("全是字符");
　　 }

点击按钮选中文本框中的文本
　　 <script type="text/javascript">
　　　　 function selectName(){
　　　　　　 var text = document.getElementByIds("myName");
　　　　　　 var range = text.createTextRange();
　　　　　　 range.moveStart("character",0);
　　　　　　 range.select();
　　　　 }
　　 </script>
<input type="text" id="myName" value="输出文本">
<input type="button" value="选中我的名字" οnclick="selectName()" />

点击按钮复制文本框内容
　　 <script>
　　　　 function copyName(){
　　　　　　 // 使要复制的内容被选中
　　　　　　 document.getElementById("name").select();
　　　　　　 // 执行复制操作
　　　　　　 document.execCommand("copy");
　　　　　　 alert("复制名字成功");
　　　　 }
　　 </script>
　　 <input type="text" id="name" value="输出文本">
　　 <input οnclick=copyName() type="button" value="复制">

屏蔽功能键(Shift, Alt, Ctrl)
　　 function testKey() {
　　　　 if (event.shiftKey) {　　// altKey; ctrlKey
　　　　　　 alert("Shift");
　　　　 }
　　 }

得到控件的绝对位置
　　 function getIE() {
　　　　 var t = e.offsetTop;
　　　　 var l = e.offsetLeft;
　　　　 while (e = e.offsetParent) {
　　　　　　 t += e.offsetTop;
　　　　　　 l += e.offsetLeft;
　　　　 }
　　　　 alert("top=" + t + " and left=" + l);
　　 }

将回车转换为Tab键
　　 if (window.event.keyCode==13) {
　　　　 event.keyCode=9
　　 }
　　 PS：IE中有效

让弹出的窗口总在最上：<body οnblur="this.focus()">

不允许粘贴的JS代码：οnpaste="return false"

使用JS屏蔽鼠标：οncοntextmenu="window.event.returnValue=false"

“加入收藏”的JS代码
<a target="_top" href=" javascript:window.external.AddFavorite('http://www.zhuyuanxi.name, '猪の窝')">加入收藏</a>

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

设置窗口的大小、位置
设置打开窗口的大小：
　　 <body οnlοad="top.resizeTo(100, 100)">
设置打开窗口的位置：
　　 <body οnlοad="top.moveBy(100, 100)">
得到窗体大小：
　　 document.body.clientWidth;
　　 document.body.clientHeight;

得到div的height值
　　 div.offsetHeight(带滚动条的完整高度)
　　 div.clientHeight(内容的高度)

设置超过一定时间后自动运行程序
　　 var timeoutId = window.setTimeout("alert('输出文本')", 5000);　　
　　 //　5秒钟后弹出对话框
取消上面的程序自动运行：
　　 window.clearTimeout(timeoutId);

点击按钮选中DIV中的文本
　　 <script type="text/javascript">
　　　　 function selectName(){
　　　　　　 var div = document.getElementById("myName");
　　　　　　 var range= document.body.createTextRange();
　　　　　　 range.moveToElementText(div) ;
　　　　　　 range.moveEnd('character',-1);
　　　　　　 range.moveStart('character',-1);
　　　　　　 range.select();
　　　　 }
　　 </script>
　　 <div id="myName" οnclick="selectName()">输出文本</div>
　　 <input type="button" value="选中我的名字" οnclick="selectName()" />

使光标停在文本框文字的最后
　　 function toEnd() {
　　　　 var e = event.srcElement;
　　　　 var r = e.createTextRange();
　　　　 r.moveStart("character", e.value.length);
　　　　 r.collapse(true);
　　　　 r.select();
　　 }
　　 <input type="text" value="end" οnfοcus="toEnd()">

返回上一页的JS方法：history.go(-1)

弹出确认对话框
　　 οnclick="javascript:return comfirm('文本')"
　　 <script>if(confirm('文本')){//确定}else{//取消}

使用JS得到上一页来源：document.referrer

取消选取的内容：onselectstart="return false"

JS结合正则表达式去掉所有空格：Object.replace(/^\s+|\s+$/g, "")

子页面中调父页面中的方法、控件及其属性
子页面中调父页面中的方法：
　　 window.opener.function()
子页面中访问父页面中名为name的控件值：
　　 window.opener.name.value
子页面中访问父页面中表单中名为name的控件值：
　　 window.opener.formName.nam.value
在子窗体中刷新父窗体：
　　 window.opener.location.reload()

转载出处：http://hi.baidu.com/nqpbzgzzxkgklpr/item/561e4adb2bb24f16e0f46f97