1

<div class="menu">そのようにコーディングされたメニューの div があります。さまざまな div id の下に多くのページを含む<a href="#" onclick="show('about')">About Us</a> ページの div があります。<div class="pages">例; <div id="about" style='display:block'> Javaスクリプト:

<script>
        function show(target){
        document.getElementById(target).style.display = 'block';
        }
        function hide(target){
        document.getElementById(target).style.display = 'none';
        }


    </script>

何が間違っているのかわかりませんが、div が行うべきことは、メニューのクリックに基づいて交換することです。

4

3 に答える 3

0

最初にすべてのページを非表示にしてから、選択したページを表示する必要があります。リンクのデフォルトの動作 (ページ ナビゲーション) も処理する必要があります。

これは、既存の HTML で機能する可能性があります。

function show(target){
    hideAllPages();//hide all pages
    document.getElementById(target).style.display = 'block';//show selected page
    return false;//cancel page navigation
}

function hideAllPages(){
    var pages = document.getElementsByClassName("pages");
    for(var i = 0; i < pages.length; i++){
        pages[i].style.display = 'none';
    }
}
于 2013-11-12T14:03:25.120 に答える
0

最初に表示されたものを除いて、最初にすべての div を非表示にする必要があります。次に false を返して、アンカーがある場合にリンクのデフォルト アクションを防止します。

    function show(target){
       document.getElementById(target).style.display = 'block';
       return false;
    }
    function hide(target){
       document.getElementById(target).style.display = 'none';
       return false;
    }
于 2013-11-12T14:01:48.707 に答える