在 javascript 打開帶有 href 鏈接的彈出窗口

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 function 中，因此當您調用javascript:load()時，它將完成 function。

<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 鏈接的彈出窗口

問題描述

2 個解決方案

解決方案1
1 已采納 2021-05-10 20:34:03

解決方案2
1 2021-05-10 20:36:11

在 javascript 打開帶有 href 鏈接的彈出窗口

問題描述

2 個解決方案

解決方案1 1 已采納 2021-05-10 20:34:03

解決方案2 1 2021-05-10 20:36:11

解決方案1
1 已采納 2021-05-10 20:34:03

解決方案2
1 2021-05-10 20:36:11