js 收藏

1.点击单元格改变颜色

<style type="text/css">
        .clickTD
        {
            background-color: #afdfe4;
            text-decoration: none;
        }
    </style>
    <script type="text/javascript">
        function colorChange(t) {
            for (var i = 0; i < t.rows.length; i++)   //遍历行    
                for (var j = 1; j < t.rows[i].cells.length; j++)//遍历列     
                //                    var iRow = e.target || window.event.srcElement;  火狐和IE
                    t.rows[i].cells[j].className = t.rows[i].cells[j] == event.srcElement ? 'clickTD' : '' //改变背景
            } 
    </script>

2.重置表单

 function ChangeReset() {
            $("#frmform")[0].reset();
            $("#ddlRukuStorage ").get(0).selectedIndex = 0;
            selRefresh("ddlRukuStorage");
            $("#ddlRukuWay ").get(0).selectedIndex = 0;
            selRefresh("ddlRukuWay");

3.取得表格的行和列

<script type="text/javascript">
        //页面装载就加载函数   
        $(document).ready(function () {
            //给所有的td单元格绑定一个click事件   
            //如果这个table的id为table1，那单给table1的所有td加click事件代码为：   
            var tds = $("#table1").find("td");
            //var tds = $("td");
            tds.click(tdclick);
        });
        function tdclick() {
            //var td = $(this);   
            //var text = td.text();   
            // $(this)表示这个td单元格，   
            // .parent("tr")表示这个td的父节点   
            // .prevAll()表示这个tr前面有多少个tr   
            var s1 = '';
            var s2 = '';
            var hang = $(this).parent("tr").prevAll().length;
            var lie = $(this).prevAll().length;
            var hang2 = '';
            hang = Number(hang) + 1; //字符串变为数字   
            lie = Number(lie) + 0;           
            alert("第" + hang + "行" + "第" + lie + "列");          
        }           
</script>

4.js返回上一页并刷新的多种方法

<a href="javascript:history.go(-1)">返回上一页</a>
<a href="javascript:location.reload()">刷新当前页面</a>
<a href="javascript:" onclick="history.go(-2);">返回前两页</a>
<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>
<a href="</a>
页面跳转：
onclick="window.location.href='list.php'"
Javascript刷新页面的几种方法：
1，history.go(0)
2，location.reload()
3，location=location
4，location.assign(location)
5，document.execCommand('Refresh')
6，window.navigate(location)
7，location.replace(location)
8，document.URL=location.href
自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="10">
10指每隔10秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="10;url=http://www.jbxue.com">

10指隔10秒后跳转到页面
js自动刷新当前页面：
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
JS刷新框架的脚本语句
//刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
要关闭窗口时刷新或开窗时刷新，在<body>中调用以下语句即可：
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>

posted @ 2013-05-29 09:28 心随风若阅读(449) 评论(0) 编辑收藏举报

刷新页面返回顶部