3

我有两页。一个是

<html>
<head>
<script language="javascript">
  function toggleDiv(divid){
   if(document.getElementById(divid).style.display == 'none'){
  document.getElementById(divid).style.display = 'block';
}else{
  document.getElementById(divid).style.display = 'none';
 }
}
</script>
</head>
<body>

<a name="div1" href="javascript:;" onmousedown="toggleDiv('div1');"><p><b>Section 1</b>      </p></a>
<div id="div1" style="display:none">
Content for section 1.
</div>
<a name="div2" href="javascript:;" onmousedown="toggleDiv('div2');"><p><b>Section 2</b></p></a>
<div id="div2" style="display:none">
Content for section 2.
</div>
</body>
</html>

在其他页面上，我有：

<html>
<head>
<title>Test</title>    
</script>
</head>
<body>
<a href="main.html#iv2">Section 2</a>
</div>

<script type="text/javascript">
if ( location.hash.length > 1 )
{
    toggleDiv( location.hash.substring(1) );
}
</script>
</body>
</html>

我想在这里实现的是，当我点击第二页上的“Section 2”时，主页面将打开并显示“div2”内容。上面的代码对我不起作用。

4

2 回答 2

1

id 中缺少 d

<a href="main.html#div2">Section 2</a>

这个脚本应该在第 1 页

<script type="text/javascript">
if ( location.hash.length > 1 )
{
    toggleDiv( location.hash.substring(1) );
}
</script>

希望这会有所帮助

这是您的第 1 页（main.html）的完整代码

<html>
<head>

</head>
<body>

<a name="div1" href="javascript:;" onmousedown="toggleDiv('div1');"><p><b>Section 1</b>      </p></a>
<div id="div1" style="display:none">
Content for section 1.
</div>
<a name="div2" href="javascript:;" onmousedown="toggleDiv('div2');"><p><b>Section 2</b></p></a>
<div id="div2" style="display:none">
Content for section 2.
</div>
</body>

<script type="text/javascript">
if ( location.hash.length > 1 )
{
    toggleDiv( location.hash.substring(1));
}
 function toggleDiv(divid){
  alert(divid);
   if(document.getElementById(divid).style.display == 'none'){
  document.getElementById(divid).style.display = 'block';
}else{
  document.getElementById(divid).style.display = 'none';
 }
}
</script>
</html>
于 2012-08-23T05:59:54.907 回答
0

你不能像那样调用Javascript函数……那不行……你需要在页面的onLoad事件中调用函数……就像

<body onload="toggleDiv('div2')"> 
</body>

别的

打开弹出窗口并使用“Window opener”属性。请参阅此链接http://www.w3schools.com/jsref/prop_win_opener.asp

于 2012-08-23T06:09:46.463 回答