Javascript一部分常用技巧
日期：2014-05-16 浏览次数：20303 次
Javascript部分常用技巧
定时自动转页
<script>setTimeout('document.location.href="[url]"',5000)</script>
返回前一页
<a href="javascript:history.back()">返 回</a>
关闭窗口
<script>javascript:window.close()</script>
弹出消息窗口
<script>window.alert("hi!");</script>")
定焦点到文本框的末尾
function focusEnd(){
if(field.createTextRange){
var r = field.reateTextRange();
r.moveStart('character',field.value.length);
r.collapse();
r.select();
}
}
规范帖子中的图片
<img onload='javascript:if(this.width>790)this.style.width=790;'
onclick='javascript:window.open(this.src);'
style='CURSOR:hand'
onmousewheel='return bbimg(this)'>
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
js文件中的中文问题
web application的编码规则是utf-8，那么js文件中如果有中文就会出现乱码（有可能是其它的页面不正常的情况）
解决这个问题请在引用javascript的地方加上charset="gb2312"或者charset="big5"
例如：<script type="text/javascript" language="javascript" src="scripts/function.js" charset="gb2312"></script>
窗口无边框
<a href="#" onclick="window.open('test.htm','','width=300,height=450,toolbar=0,menubar=0,location=0')">打开</a>
输入框长度随输入内容的长度而改变
<input type="text" style="overflow-x:visible;width:60;">
点击单选框就直接激活链接
第一步：把如下代码加入到<head>区域中
<SCRIPT>
function go(loc) {
window.location.href = loc;
}
</script>
第二步：把如下代码加入到<body>区域中
<form name="form">
<input type="radio" name="loc" onClick="go('#');">
选中即激发了超链接<br>
<input type="radio" name="loc" onClick="go('#l');">
选中即激发了超链接<br>
<input type="radio" name="loc" onClick="go('#');">
选中即激发了超链接<br>
</form>
定时自动转页
<script>setTimeout('document.location.href="[url]"',5000)</script>
返回前一页
<a href="javascript:history.back()">返 回</a>
关闭窗口
<script>javascript:window.close()</script>
弹出消息窗口
<script>window.alert("hi!");</script>")
定焦点到文本框的末尾
function focusEnd(){
if(field.createTextRange){
var r = field.reateTextRange();
r.moveStart('character',field.value.length);
r.collapse();
r.select();
}
}
规范帖子中的图片
<img onload='javascript:if(this.width>790)this.style.width=790;'
onclick='javascript:window.open(this.src);'
style='CURSOR:hand'
onmousewheel='return bbimg(this)'>
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
js文件中的中文问题
web application的编码规则是utf-8，那么js文件中如果有中文就会出现乱码（有可能是其它的页面不正常的情况）
解决这个问题请在引用javascript的地方加上charset="gb2312"或者charset="big5"
例如：<script type="text/javascript" language="javascript" src="scripts/function.js" charset="gb2312"></script>
窗口无边框
<a href="#" onclick="window.open('test.htm','','width=300,height=450,toolbar=0,menubar=0,location=0')">打开</a>
输入框长度随输入内容的长度而改变
<input type="text" style="overflow-x:visible;width:60;">
点击单选框就直接激活链接
第一步：把如下代码加入到<head>区域中
<SCRIPT>
function go(loc) {
window.location.href = loc;
}
</script>
第二步：把如下代码加入到<body>区域中
<form name="form">
<input type="radio" name="loc" onClick="go('#');">
选中即激发了超链接<br>
<input type="radio" name="loc" onClick="go('#l');">
选中即激发了超链接<br>
<input type="radio" name="loc" onClick="go('#');">
选中即激发了超链接<br>
</form>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
