Question

我有一个页面，您可以通过JavaScript从onclick函数加载内容。是否可以链接到自动加载其中一个函数的页面？

HTML：

<nav>   
            <p id="bout" onclick="bout()">About Us</p>
            <p id="mish" onclick="mish()">Our Mission</p>
            <p id="team" onclick="team()">The Team</p>
            <p id="how" onclick="how()">How It Works</p>
            <p id="poli" onclick="poli()">Policies</p>
        </nav>

        <div class="actual">

            <div id="about">
            <h2>About Us</h2>
            <p>We are a conglomerate of hoodlums.</p>
            </div>

 </div><!-- end actual -->

JS：

    function bout() {
        document.getElementById("about").innerHTML= '<h2>About Us</h2><p>We are a conglomerate of hoodlums.</p>';
    }
function mish() {
    document.getElementById("about").innerHTML = '<h2>Mission</h2><p>Our mission is to rid the world of dust bunnies.</p>';

我希望能够使用mish（）加载而不是默认HTML直接链接到此页面。这可能吗？

Answer 1

是的，使用哈希标记并从那里调用该函数。

哈希网址如下所示：

http://myserver.com/mypage.htm#about

创建一个js函数，在加载页面时调用正确的函数，例如：

function onloaded(){
    hash = document.location.hash;
    switch (hash):
        case 'mish':
        mish();
        break;
    ...
}

Answer 2

你正在寻找一个url hash来维持状态。

例如：

function bout() {
     document.getElementById("about").innerHTML= '<h2>About Us</h2><p>We are a conglomerate of hoodlums.</p>';    
     document.location.hash="bout";
}

然后当页面加载时，查看document.location.hash的值，如果它等于“bout”，则调用bout函数。

是否可以直接链接到JavaScript onclick函数？

2 个答案: