如何在不使用 iframes、embed 和 object 标签的情况下在网页中打开另一个网页

如何解决如何在不使用 iframes、embed 和 object 标签的情况下在网页中打开另一个网页

我有一个网页。我的要求是当我在不使用 iframes、Object 或 Embed 标签的情况下单击图像时，在页面本身的小容器内打开网站。我已经完成了网站在新标签中打开的图像部分。我想在一个小容器中打开页面本身中的那个网页，我将分享我的代码，请查看并帮助我处理代码。

这是我的html

<div class="corner">
     <img data-href="https://www.fontsquirrel.com/" src='images/Happiest_Minds_New_logo.jpg' alt='img' class='right-corner'>   
  </div>  

这是我的css

.right-corner {
  position:fixed;
  bottom: 5px;
  right:0px;
  width: 10%;
  height: 10%;
}

这是我的 javascript

 <script>
         const href=document.querySelectorAll('[data-href]');
        href.forEach(linkedItem=>{
            linkedItem.onclick=function(e){
                window.location.href=e.target.getAttribute("data-href")
            }
        })
    </script>