Question

的index.html

<!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>将改变其内部内容，从这是我的使命它将成为任务< / strong>仅在cha("Mission");中说明，但我不知道我的代码中的错误，我的理想输出没有显示。谢谢你们，对不起我的语法。

Answer 1

有可能将这个作为一个单页解决方案，其中mission.html仅包含任务数据，这样您可以将其直接加载到index.html中，而不必从页面导航

如果你有能力使用JQuery / AJAX，你可以加载html，然后在'success'触发文本更改。你可以在页面的某处添加一个“任务”div来加载mission.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; }); }

我希望如果它是一个可用的选项，这会有所帮助

单击该链接并更改该链接的标题 - javascript

1 个答案: