單擊鏈接時，在不同的隱藏 div 上顯示 href 鏈接

Question

我在很多地方都沒有看到這個問題，不知道它是否可能，但是我是否有可能擁有一個網站的鏈接，但是當我按下鏈接時，網站會在我網站上的 div 中打開？

我想要這個的原因是因為我的網站上有文章，而不是打開文章本身，我希望它在我單擊文章時打開，它應該在通常隱藏但在單擊文章時顯示的 div 中打開關於它的完整文章

`document.querySelectorAll('.title').forEach((item) => {
  item.addEventListener('click', (event) => {
    var get_href = document.querySelectorAll('.title').getAttribute('href')
    event.preventDefault()
    alert('get_href')
  })
})

Answer 1

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

第一的，

• 檢測對鏈接的點擊，( addEventListener )
• 然后取消事件，這樣用戶就不會被重定向到鏈接，（ event.preventDefault() ）
• 抓住鏈接和（ getAttribute('href') ）
• 將其加載到您的頁面上。

我不確定你到底想做什么，但我認為最簡單的方法是創建一個 iFrame 並將鏈接設置為 URL，否則你可能會遇到 Z5A8FEFF0B4BDE3differentEEC9244B7602 上的問題URL 並且您不擁有其他頁面）。

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/