在 javascript 使用 href link 打开弹出窗口

Question

当我查看此代码时，iframe 弹出窗口会自动打开。但我想在单击“单击我”按钮时打开 iframe。请你帮助我好吗？我希望这是非常简单的技巧，但我是 javascript.

的业余爱好者

<html>
<head>
<script language="javascript">
var iframe = '<html><head><style>body, html {width: 100%; height: 100%; margin: 0; padding: 0}</style></head><body><iframe src="http://www.euronews.com" style="height:calc(100% - 4px);width:calc(100% - 4px)"></iframe></html></body>';
var win = window.open("","","width=1024,height=768,toolbar=no,menubar=no,resizable=yes");
win.document.write(iframe);
</script>
<head>
<body>
<a href="javascript:load();"><b><font color="000">Click Me !</font></b></a>
</body>
</html>

Answer 1

我已经为您修复了代码。您可能不应该使用内联调用，但您可以按照以下方式使用。确保将您的代码包装在 load 函数中，这样当您调用 javascript:load() 时它将完成该函数。

<html>
    <head>
        <script language="javascript">
            function load() {
                var iframe = '<html><head><style>body, html {width: 100%; height: 100%; margin: 0; padding: 0}</style></head><body><iframe src="http://www.euronews.com" style="height:calc(100% - 4px);width:calc(100% - 4px)"></iframe></html></body>';
                var win = window.open("","","width=1024,height=768,toolbar=no,menubar=no,resizable=yes");
                win.document.write(iframe);
            }
        </script>
    </head>
    <body>
        <a href="javascript:load();"><b><font color="000">Click Me !</font></b></a>
    </body>
</html>

Answer 2

解决方案可能是在单击按钮之前不创建 Iframe：

<html>
<head>
<script language="javascript">
            function load() {
                var iframe = '<html><head><style>body, html {width: 100%; height: 100%; margin: 0; padding: 0}</style></head><body><iframe src="http://www.euronews.com" style="height:calc(100% - 4px);width:calc(100% - 4px)"></iframe></html></body>';
                var win = window.open("","","width=1024,height=768,toolbar=no,menubar=no,resizable=yes");
                win.document.write(iframe);
            }
        </script>
    </head><body>
        <a href="javascript:load();"><b><font color="000">Click Me !</font></b></a></body>
</html>

在 javascript 使用 href link 打开弹出窗口

in javascript open popup with href link

html

javascript

iframe

popup