Question

我想尝试做这样的事情，我改变特定div的href位置。我知道我可以使用Iframe，但我试图避免使用框架。有没有办法实现这一点，用户点击一个按钮，只有一个div的来源发生变化，但网站的其余部分保持不变。

<script>
function chdiv()
{
document.getElementById("div2").location.href="google.com";
}
</script>

<div id="div1">
<button id="change" onclick="chdiv();"
</div>
<div id="div2">
<div>

Answer 1

不，而且div没有location财产。你可以考虑做一个AJAX请求来引入你需要的任何HTML。

$.get('url', function (data) {
    $('#div2').html(data);
});

Answer 2

不，我不相信你正在寻找的行为是可能的。 Div没有location属性。您可能需要使用AJAX来更改您要更改的div中的任何数据。

Answer 3

不是这样，但你可以用AJAX做到这一点：

<div id="div1">
    <button id="change">load</button>
</div>
<div id="div2"></div>

-

$(document).ready(function(){
       $("#change").click(function(){
            $("#div2").load('http://google.com/');
       });
});

加载外部内容时，您需要小心，因为 X-Frame-Options标题，请查看：https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

可以在不使用iframe的情况下更改div的location.href吗？

3 个答案: