当前位置：首页 > 互联网 IT业界 > html 如何跳出iframe

html 如何跳出iframe

admin 6个月前互联网 IT业界 72热度

要跳出iframe，可以使用JavaScript的window.top属性，以下是一个简单的示例：

（图片来源网络，侵删）

<!DOCTYPE html> <html> <head> <title>跳出iframe示例</title> <script> function jumpOutOfIframe() { window.top.location.href = "https://www.example.com"; } </script> </head> <body> <h1>这是一个iframe页面</h1> <button onclick="jumpOutOfIframe()">点击这里跳出iframe</button> </body> </html>

在这个示例中，我们创建了一个按钮，当点击该按钮时，会调用jumpOutOfIframe函数，这个函数使用window.top.location.href属性将当前窗口的顶层窗口（即包含iframe的窗口）导航到指定的URL，从而实现跳出iframe的目的。

更新时间 2024-05-22 13:54:59