Question

我有2个网页：一个像电视，另一个像遥控器。

这是电视

<!DOCTYPE html>
<html>
<head>
    <title>Remote</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <!--Click this to go on the next channel -->
    <button id = "next"> Next </button>
</body>
</html>

这是遥控器：

$("#next").on('click', function(){
     window.location = "http://www.google.com/";    
});

每当我点击下一个/上一个按钮时，我希望在div名称“Tvspace”上加载另一个iframe而不是原始。

我试过了，但它正在打开一个新的页面

{{1}}

我希望它在不刷新或创建新页面的情况下加载内容。谢谢。

Answer 1

他们在w3schools说：

window.location对象可用于获取当前页面地址（URL）并将浏览器重定向到新页面。

因此，您无法使用窗口位置加载iframe。您可以使用它来获取页面的网址，并将其设置为重定向到另一个页面。

如果您选中此link，则可以找到一种方法来将iframe加载到另一个网址：

$("#next").on('click', function(){
    $("#Tvspace iframe").attr("src", "http://www.google.com/");
});

使用另一个网页中的按钮更改一个网页中的div

1 个答案: