在javascript中打开带有href链接的弹出窗口_Javascript_Html_Iframe_Popup

在javascript中打开带有href链接的弹出窗口

javascript html iframe

在javascript中打开带有href链接的弹出窗口,javascript,html,iframe,popup,Javascript,Html,Iframe,Popup,当我查看这些代码时，iframe弹出窗口会自动打开。但我想在单击“单击我”按钮时打开iframe。你能帮帮我吗？我希望这很简单，但我是javascript的业余爱好者 <html> <head> <script language="javascript"> var iframe = '<html><head><style>body, html {width: 100%; height: 100%; m

当我查看这些代码时，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>


var iframe='body，html{width:100%；height:100%；margin:0；padding:0}'；
var win=window.open（“，”，“宽度=1024，高度=768，工具栏=no，菜单栏=no，可调整大小=yes”）；
win.document.write（iframe）；

我已经为您修复了代码。您可能不应该使用内联调用，但下面是您将如何使用它。确保将代码包装在

load

函数中，以便在调用

javascript:load（）

时完成该函数


函数加载（）{
var iframe='body，html{width:100%；height:100%；margin:0；padding:0}'；
var win=window.open（“，”，“宽度=1024，高度=768，工具栏=no，菜单栏=no，可调整大小=yes”）；
win.document.write（iframe）；
}

在单击按钮之前，解决方案可能不会创建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>


函数加载（）{
var iframe='body，html{width:100%；height:100%；margin:0；padding:0}'；
var win=window.open（“，”，“宽度=1024，高度=768，工具栏=no，菜单栏=no，可调整大小=yes”）；
win.document.write（iframe）；
}