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>
<table border="0" cellspacing="0" cellpadding="0" class="border_table" id="table1" onclick="colorChange(this)">
2.重置表单
function ChangeReset() { $("#frmform")[0].reset(); $("#ddlRukuStorage ").get(0).selectedIndex = 0; selRefresh("ddlRukuStorage"); $("#ddlRukuWay ").get(0).selectedIndex = 0; selRefresh("ddlRukuWay");
<input name="重置" type="button" class="btnblue" value="重置" onclick="ChangeReset()" />
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>
