3

2ページあります。一つは

<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>

ここで実現したいのは、2 ページ目の [セクション 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>

そうしないと

ポップアップを開き、「ウィンドウオープナー」プロパティを使用します。このリンクを参照してくださいhttp://www.w3schools.com/jsref/prop_win_opener.asp

于 2012-08-23T06:09:46.463 に答える