我想在 div 中顯示外部網址（例如“https://google.com”）

Question

我想使用 iframe 在 div widthout 中顯示外部 url（如“https://google.com”）。 所以引用了這個。

<div> 
    <object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" 
    style="overflow:scroll; border:5px ridge blue">
    </object>
 </div>

它運行良好，但是當我將數據屬性更改為我想要的 url（例如：'https://www.google.com'）時，它不起作用。 該區域什么也沒有顯示。 （另外， .load()不工作）

<div> 
    <object type="text/html" data="https://www.google.com/" width="800px" height="600px" 
    style="overflow:scroll; border:5px ridge blue">
    </object>
 </div>

我用這個。

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

我想要解決這個問題。 如果通過 jquery 控制的解決方案不同，我也想知道這一點。 我已經為此徘徊了五個小時。 請幫我。

Answer 1

您要顯示的網站可能不允許使用X-Frame-Options header：

網站可以使用它來避免點擊劫持攻擊，...
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

例如，這樣您就不能簡單地竊取任何網站並為其提供不同的設計。

如果您實際上是在談論 Google，而這不僅僅是一個示例，您可以使用這個： programmablesearchengine.google.com/about