function click(title){
location.href = encodeURI('/gzts/linshiym/cp_list.jsp?erjifen=' + title);//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = event.srcElement.parentElement;
//设置背景为红色
cell.bgColor = "red";
alert(title);} <td class="kind_list" width="83%"><a href="javascript:" onclick="click('漆器')">漆器</a>
为什么在页面点击链接就根本不会调用click()方法!
location.href = encodeURI('/gzts/linshiym/cp_list.jsp?erjifen=' + title);//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = event.srcElement.parentElement;
//设置背景为红色
cell.bgColor = "red";
alert(title);} <td class="kind_list" width="83%"><a href="javascript:" onclick="click('漆器')">漆器</a>
为什么在页面点击链接就根本不会调用click()方法!
<script>
function click(title){
location.href = '/gzts/linshiym/cp_list.jsp?erjifen=' + encodeURI(title);//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = event.srcElement.parentElement;
//设置背景为红色
cell.bgColor = "red";
alert(title);}</script> <td class="kind_list" width="83%"><a href="###" onclick="click('漆器')">漆器</a>
JS是顺序执行的。
脚本在走到
location.href = '/gzts/linshiym/cp_list.jsp?erjifen=' + encodeURI(title);
这一行的时候已经跳转到其他页面了,所以底下的代码不会执行。
alert("进入了");//在刚进入这边时,加上一句,看这句有没有显示
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
table{ background:#000; float:left}
table td{ background:#fff; text-align:center}
</style>
</head>
<body>
<div id="div"></div>
<script type="text/javascript">function click(title){
alert(title)
location.href = encodeURI('/gzts/linshiym/cp_list.jsp?erjifen=' + title);//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = event.srcElement.parentElement;
//设置背景为红色
cell.bgColor = "red";
alert(title);}
</script>
<a href="javascript:" onclick="click('漆器')">漆器</a>
<script type="text/javascript">
document.body.onclick= function(e)
{
e = window.event || e
target = e.target || e.srcElement;
if(target.tagName == "A" && target.innerHTML == "漆器")
{
click("漆器")
}
}
</script>
</body>
</html>
这样的话js里面的event不触发啊
却掉location.href = '/gzts/linshiym/cp_list.jsp?erjifen=' + encodeURI(title);仍然不触发啊
<script>
function doclick(obj){
//location.href = encodeURI('/gzts/linshiym/cp_list.jsp?erjifen=' + title);
alert(obj.title);
var title = obj.title;
//取获取table的对象
var t=document.getElementById("table1").childNodes.item(0);
//遍历table每一个单元格,将其背景色清空(事实上是设置为白色)
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
t.childNodes(i).childNodes(j).bgColor="white";
}
}
//获取点击的超链接所在的单元格对象
var cell = obj.parentElement;
//设置背景为红色
cell.bgColor = "red";
alert(title);}</script><table id="table1">
<tr>
<td width="50%"><a href='#' onclick="doclick(this)" title='漆器1'>漆器1</a></td>
<td width="50%"><a href="#" onclick="doclick(this)" title='漆器2'>漆器2</a></td>
</tr>
</table>
真晕,函数名的问题,不要用click作为函数名!