javascript 如何在iframe上通过点击随机链接打开链接？

yfwxisqw 于 2023-04-28 发布在 Java

关注(0)|答案(1)|浏览(123)

我试图打开iframe上的一个链接时，我点击它从选定的区域（这意味着链接聊天机器人给予链接和打开iframe）
我认为会在下面链接。
从输入按钮人们要求博客链接。
然后从机器人给这样的链接--〉请访问：www.bloglink.com人们点击链接，链接将在ifram上打开，位于同一页面顶部，高度为50%。
谢谢

<!DOCTYPE html>
<html>
<body>

<h2>Iframe - Target for a Link</h2>

<iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe>

<div class="wpaicg-chat-shortcode-type" style="background-color: black; color: #fff; height: 40px; width: 50%;">
    <span class="wpaicg-chat-message" id="wpaicg-chat-message">Sure, here's the link to the blog: <a href="bloglink.com" target="_blank">Here the blog link</a></span> <br/>
    <input type="text" class="wpaicg-chat-shortcode-typing" placeholder="Type a message" />
</div>

<p>When the target attribute of a link matches the name of an iframe, the link will open in the iframe.</p>

</body>
</html>

JavaScript

来源：https://stackoverflow.com/questions/76121521/how-to-open-link-on-iframe-by-on-click-random-link

1条答案

按热度按时间

fwzugrvs1#

当您尝试使用真实的链接时，您将获得错误，除非托管此内容的页面与您单击的链接位于同一个域中。这是一个安全特性。
我修改了你的演示，试图在下面加载谷歌。检查开发控制台，你会看到这个错误：

refused to display 'https://www.google.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

<iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe>

<div class="wpaicg-chat-shortcode-type" style="background-color: black; color: #fff; height: 40px; width: 50%;">
    <span class="wpaicg-chat-message" id="wpaicg-chat-message">Sure, here's the link to the blog: <a href="http://google.com" target="iframe_a">Here the blog link</a></span> <br/>
    <input type="text" class="wpaicg-chat-shortcode-typing" placeholder="Type a message" />
</div>

所以基本上，除非你在同一个域上加载内容，否则你想做的事情是不可能的。

赞(0）回复(0）举报 2023-04-28

我来回答

javascript 如何在iframe上通过点击随机链接打开链接？

1条答案

相关问题

热门标签

最新问答