Javascript 用另一个HTML'；s文件_Javascript_Jquery_Html

Javascript 用另一个HTML'；s文件

javascript jquery html

Javascript 用另一个HTML'；s文件,javascript,jquery,html,Javascript,Jquery,Html,我一直在构建一个网站，使用四个单独的链接将主页内容替换为其他html文件信息。脚本在每个单独的页面上工作，单击其他链接会删除站点的信息，然后单击当前站点的链接时，信息会重新出现。但我不能让它使用一个html网站，并拥有所有四个网站的信息 HTML: 家售票处地图日程此处的信息和内容 JS/JQuery： $("#result").load("tickets.html #Tickets"); $("#result").load("map.html #Map"); $("#resul

我一直在构建一个网站，使用四个单独的链接将主页内容替换为其他html文件信息。脚本在每个单独的页面上工作，单击其他链接会删除站点的信息，然后单击当前站点的链接时，信息会重新出现。但我不能让它使用一个html网站，并拥有所有四个网站的信息

HTML:


家
售票处
地图
日程




此处的信息和内容

JS/JQuery：

$("#result").load("tickets.html #Tickets");
$("#result").load("map.html #Map");
$("#result").load("schedule.html #Schedule");

function openLink(evt, link) {

var i, tabcontent, tablinks;

tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
}

tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
}

document.getElementById(link).style.display = "block";
evt.currentTarget.className += " active";
}

$（“#结果”）.load（“tickets.html#tickets”）；
$（“#结果”）.load（“map.html#map”）；
$（“#结果”）.load（“schedule.html#schedule”）；
函数openLink（evt，link）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

好的，新代码：
function eachButtons(a,b) {
    var list = document.getElementsByTagName('button');
    for (var i in list) {
        if (list[i].className === a) {
            list[i].onclick = b;
        }
    }
}

如何使用？请看：
eachButtons('class','action');

例如：
html:
这将对具有链接类名称的所有按钮发出onclick警报
错误的代码输入示例：
eachButtons('youclass',youfunction(ThisBacketsAreWrong));

你所说的是什么意思，但我不能让它使用一个html站点并拥有所有四个站点的信息。？请详细解释问题。在主页上，它的原始内容显示在div中。当我单击一个新选项卡，而不是超链接到其他html文件时，我希望它清除内容，并抓取其他页面的div内容。它将在单击其他选项卡时清除内容，并在单击该链接时重新显示主页内容。但是其他3个链接都保持空白，没有内容。所以用这个函数代替我的openLink函数，并保留.load函数？我想这可能有问题。我可以试试你的功能。谢谢是的，已经修改，现在支持保留事件。加载，使用de new updated代码。使用该代码，页面上的内容将变为“未定义”。对所有4个按钮使用该代码：button class=“tablinks”onclick=“replaceContent（'Home'）”>等等，我会为这个做一个特殊的功能，等等
<body>
    <button className="link">google</button>
    <button className="link">bing</button>
</body>

function myfunction() {alert('welcome');}
eachButtons('link',myfunction);

eachButtons('youclass',youfunction(ThisBacketsAreWrong));