Question

我在很多地方都没有看到这个问题，不知道是否有可能，但是我是否有可能拥有一个网站的链接，但是当我按下该链接时，该网站会在我网站的 div 中打开？

我想要这个的原因是因为我的网站上有文章，而不是打开文章本身，我希望它在我点击文章时打开，它应该在一个正常隐藏但在文章时显示的 div 中打开全文点击

d 2
c 1
a 5

Answer 1

您可以使用 AJAX 和 JavaScript 创建它。

首先

检测对链接的点击，(addEventListener)
然后取消事件，这样用户就不会被重定向到链接，(event.preventDefault())
获取链接并 (getAttribute('href'))
将其加载到您的页面上。

我不确定你到底想用它做什么，但我认为最简单的方法是创建一个 iFrame 并将链接设置为 URL，否则你可能会遇到 CORS 问题（如果页面是在不同的网址上，并且您不拥有其他页面）。

document.addEventListener('click', function(event) {
   if(event.target.matches('a[href]')) {
      event.preventDefault();
      var url = event.target.getAttribute('href');
      // Do whatever you want, create/open a div, ...
   }
});

以下是将网站加载到 iframe 的示例：https://jsfiddle.net/1hefuLrs/

单击链接时在不同的隐藏 div 上显示 href 链接

1 个答案: