gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 02:17:39 27 4
gpt4 key购买 nike

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 中的任务标题 <h1> 时Mission.html 中的内容将更改其内部内容,从 THIS IS MY Mission 开始,它将变为 mission,仅如 cha("Mission"); 中所述。但我不知道我的代码中存在错误,我的理想输出没有显示。谢谢大家,对我的语法感到抱歉。

最佳答案

也许可以将其设为单页解决方案,其中 Mission.html 仅包含任务数据,这样您就可以将其直接按原样加载到 index.html 中,而根本不必从页面导航.

如果您能够使用 JQuery/AJAX,您可以加载 html,然后在“成功”时触发文本更改。您可以在页面上的某个位置添加一个“mission”div 来将mission.html 加载到其中。

HTML header

<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 - 单击链接并更改该链接的标题 - javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16160337/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com