现在的位置: 首页 > 综合 > 正文

js技巧总结

2013年06月16日 ⁄ 综合 ⁄ 共 2569字 ⁄ 字号 评论关闭

a的href执行前先判断
<a href="./page?del=yes" onclick="javascript:if(confirm('是否删除?'))return true;else return false;">删除新闻</a>

地址栏不显示参数的GET传参
<input type='button' onClick="location='find.php?id=1&title=aaa';" value='查询' />

禁止img拖出新图片窗口
<img src="img/dd.jpg" ondragstart="return false;" />
onselectstart="return   false;"页面内容无法选中  
ondragstart="return   false;"   页面内容无法脱拽  
onhelp="return   false;"   取消F1的帮助功能  
oncontextmenu="return   false;"   取消右键菜单

比href="#"更好的写法
<a href="javascript:void(0)">点击这里什么也不会发生</a>

text里只能输入数字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||event.keyCode>=8))//8是退格键
    event.returnValue=false;
}
</script><input onkeydown="onlyNum();">

js跳转
<input type="button" value="添加新产品" onclick="window.location.href='index.php?p=product'" />
//注意href的值一定要加单引

日期转换字符
var d=new Date(); // 获取当前日期
var str=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds();
getMilliseconds:获得毫秒(0-999之间整数)

两个字符串转换日期后比较大小
var str = "2009-06-01";
var str1 = "2009-06-05";
var d = new Date(str.replace("-","/"));
var d1 = new Date(str1.replace("-","/"));
if(d>d1)alert('d>');else if(d<d1)alert('d<');else alert('d=');

如果js版本低不支持去除空格函数(如IE6)解决方法

if(!String.prototype.trim){String.prototype.trim = function() {return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');}}

页面设为首页
function SetHome(obj,vrl){

        try{

                obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl);

        }

        catch(e){

                if(window.netscape) {

                        try {

                                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

                        }

                        catch (e) {

                                alert("此操作被浏览器拒绝!\n请在浏览器地址栏输入“about:config”并回车\n然后将[signed.applets.codebase_principal_support]设置为'true'");

                        }

                        var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);

                        prefs.setCharPref('browser.startup.homepage',vrl);

               }

     }

}

调用时<a href="javascript:void(0);" onclick="SetHome(this,window.location);">设为首页</a><!--一定要onclick-->

js回退介绍:
back() 后退,跟按下“后退”键是等效的。
forward() 前进,跟按下“前进”键是等效的。
go() 用法:history.go(x);在历史的范围内去到指定的一个地址。如果 x < 0,则后退 x 个地址,如果 x > 0,则前进 x 个地址,如果 x == 0,则刷新现在打开的网页。history.go(0) 跟 location.reload() 是等效的。

js数组应用:
var arr=[{p:'p1',l:'l1',t:'t1',d:'d1'},{p:'p2',l:'l2',t:'t2',d:'d2'},{p:'p3',l:'l3',t:'t3',d:'d3'},{p:'p4',l:'l4',t:'t4',d:'d4'}];
for(i=0;i<arr.length;i++)alert(arr[i].p+arr[i].l+arr[i].t+arr[i].d);

抱歉!评论已关闭.