單擊鏈接並更改鏈接的標題 - JavaScript的

的index.html單擊鏈接並更改鏈接的標題 - JavaScript的

<!DOCTYPE html> 
<html> 
<head> 
    <script> 
    function cha(title){ 
    document.getElementById("change").innerHTML=title; 
    } 
    </script> 
</head> 
<body> 
    <ul>            //sample navigation bar 
    <li><a href='index.html'>Home</a></li>   //sample navigation bar 
    <li><a href='mission.html' onclick='cha("Mission")'>Mission</a></li> //sample navigation bar 
    </ul>            //sample navigation bar 
    THIS IS MY HOME PAGE 
</body> 
</html>

mission.html

<!DOCTYPE html> 
<html> 
<head> 

</head> 
<body> 
    <ul>            //sample navigation bar 
    <li><a href='index.html'>Home</a></li>   //sample navigation bar 
    <li><a href='mission.html'>Mission</a></li>  //sample navigation bar 
    </ul>            //sample navigation bar 
    <h1 id='change'>THIS IS MY Mission </h1> 
</body> 
</html>

這2個網頁的理想輸出是當我點擊在index.html中的任務在mission.html中的標題<h1>將改變其內容，從這是我的使命它將變成使命只如cha("Mission");所述，但我不知道在我的代碼中我的理想輸出沒有顯示是錯誤的。感謝大家，對我的語法感到抱歉。

來源

2013-04-23 Robert John Concepcion

，但你馬上導航客場mission.html，這裏的變化不會持續。 – bfavaretto 2013-04-23 03:23:02

我讀過onload？你認爲這是解決方案嗎？ – 2013-04-23 03:25:40

是否要導航到'mission.html'頁面點擊鏈接 – 2013-04-23 03:26:45

可能可以使此一頁紙的解決方案，其中mission.html只包含任務數據，這樣你可以直接加載到index.html作爲的，而不必從頁面瀏覽方式所有。

，如果你有使用jQuery/AJAX，你可以加載HTML，然後對「成功」的能力觸發文本變化。你可以在頁面的某個地方添加一個「任務」區域來加載任務。

HTML頭

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

HTML身體

<div id="mission"></div>

的Javascript

function cha(title){ 
    $('#mission').load('mission.html', function(title) { 
     document.getElementById("change").innerHTML=title; 
    }); 
}

我希望這可以幫助，如果它是它正在改變的可用選項

來源

2013-04-23 03:42:40 Silvertiger

單擊鏈接並更改鏈接的標題 - JavaScript的

回答

相關問題