Question

如果用户接受提示框信息以查看网站，我想在我的网站中显示iframe。

例如，如果用户点击了职业页面，我将通过提供两个选项（如果他选择“是”）向他显示警告框。我必须在同一页面中将我的网页显示为iframe。

我通过在JS中编写函数来尝试以下内容

<script>
function myFunction() {
var r=confirm("Press a button!");
  if (r==true) {
    <iframe src="http://w3schools.com/tags/tag_div.asp" width="100%" height="100%">
    </iframe>
  }
}
</script>

Answer 1

单击“是”时，您可以尝试将iframe附加到DOM。

    function create(htmlStr) {
    var frag = document.createDocumentFragment(),
        temp = document.createElement('div');
    temp.innerHTML = htmlStr;
    while (temp.firstChild) {
        frag.appendChild(temp.firstChild);
    }
    return frag;
}

var fragment = create('<div>Hello!</div><p>...</p>');
// You can use native DOM methods to insert the fragment:
document.body.insertBefore(fragment, document.body.childNodes[0]);

Answer 2

您使用的是jQuery吗？如果是这样，请检查一下！我向您展示了放置iframe的两种方法：

<script>
function myFunction() {
   var r=confirm("Press a button!");
   if (r==true) {

       //de put it at the end of the body
       $( '<iframe src="http://w3schools.com/tags/tag_div.asp" width="100%" height="100%"</iframe>' ).appendTo( "body" );

       //de put it in a pre-decided container.
       $( '<iframe src="http://w3schools.com/tags/tag_div.asp" width="100%" height="100%"</iframe>' ).appendTo( "#container" );

   }
}
</script>

这是一种比“揭示它”更好的方式，因为您似乎希望用户选择来调出iframe ...上面的方式非常接近你最初试图做的事情。您只需要在我展示的DOM中插入元素。

祝你好运！

更新：我还回答了你更大的问题......这是一个完全清理过的版本，你需要单独iframes：

http://jsfiddle.net/W2e6u

就像这样，用小提琴中的HTML让你看：

function changeContainer(uri) {
    var r=confirm("Press a button!");
    if (r==true) {
        $( '#container' ).fadeOut('fast').remove();
        $( '<iframe id="container" src="http://www.nabler.com/services/'+uri+'.asp" width="100%" height="100%"</iframe>' ).appendTo( "body" );
    }
}

一个HTML按钮示例：

<button onclick="changeContainer('campaign-analytics')">Campaign Analytics and Reporting</button>

Answer 3

试试这个： - http://jsfiddle.net/adiioo7/sEz8C/

<强> JS： -

function myFunction() {
    var r = confirm("Press a button!");

    if (r == true) {
        var myDiv=document.getElementById("test");
        var makeIframe = document.createElement("iframe");
        makeIframe.setAttribute("src", "http://w3schools.com/tags/tag_div.asp");
        makeIframe.style.width = "100%";
        makeIframe.style.height = "100%";
        myDiv.appendChild(makeIframe);
    }
}
myFunction();

如何根据JS输出显示iframe

3 个答案:

试试这个： - http://jsfiddle.net/adiioo7/sEz8C/