Question

我有2页。我在第一页中加载了第二页。

在第二页中，我有一个链接。

问题是，当我点击第二页中的链接时，它会在新标签页中打开。

如何在同一页面中打开此链接，例如iframe？

这是我的代码：

$( document ).ready(function() {
$('#second').load('second.html');
});

#second{width:100%; height:300px; border:1px solid blue;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<html>
<head>
<title>First page</title>
</head>

<body>
<div id="second"></div>
<!-- 
THis is my second page code ////////
<html>
<head>second page</head>
<body>
<a href="google.com">click here !</a>
</body>
</html>
-->

</body>
</html>

Answer 1

为您的iframe命名<iframe name="namedIf"></iframe>

然后在您的锚标记中使用目标属性<a href="link" target="namedIf"/>

但正如评论所说，Google不允许您在自己的网站中使用iframe。

<强>更新

由于你没有使用iframe，我唯一能想到的就是“拦截”你加载的文档上存在的锚标签的任何点击，并再次使用相同的功能来加载它。

$(function() {
    $('#second').load('second.html', function(){
        $("#second a").click(function (e) { 
            e.preventDefault();
            $("#second").load($(this).attr("href"));
        });
    });
});

因此，当代码完成将second.html加载到文档中时，代码就会被执行。

如何在加载的页面中打开链接

1 个答案: