Question

我的网页首先打开app.html。点击登录后，我需要打开我在iframe中打开的index.html，然后在javascript.so中动态创建iframe，打开我追加到document.body.But的框架它附加到app.html的正文。但我需要在新页面中打开

var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
el.setAttribute('name', 'ifrm');
el.setAttribute('src', '/index/index.html');
el.setAttribute('width', '100%');
el.setAttribute('height', '100%');
el.setAttribute('scrolling', 'no');
document.body.appendChild(el);

Answer 1

您可以使用它在新窗口中打开：

var myWindow = window.open("/index/index.html");

Answer 2

您必须将iframe分层到当前页面

el.style.position ='绝对'; el.style.top = 0; el.style.left = 0;

Answer 3

你的问题有点不清楚你要做什么。答案全部取决于：

您是否尝试将index.html 另外打开到app.html或代替它？
1. 如果您想同时打开，那么您想在新窗口中打开吗？
  1. 如果是这样，您是否需要常规窗口（即与原始窗口大小相同，无需修改）。是的，然后使用JavaScript：
    
    newWin = window.open（＆＃34; index.html＆＃34;，＆＃34;我的应用程序的主窗口＆＃34;，winOptions）;
  2. 或特定大小的窗口，以及其他修改（没有导航栏，没有地址栏等） - 换句话说，你想要一个弹出窗口
```
<html>
  <head>
    <title>JavaScript Popup Example</title>
    <script type="text/javascript">

      function loginCheck(){
        //isLoggedIn is a boolean variable you've set to check login
        if (isLoggedIn) {  
          popup();
        }
      }
      function popon(){
        var winOptions = "";
        winOptions += "location=1, ";
        winOptions += "status=0, ";
        winOptions += "scrollbars=0, ";
        winOptions += "width=100, ";
        winOptions += "height=100";
        newWin = window.open(
          "index.html", 
          "My App's Main Window", 
          winOptions
        );
        newWin.moveTo(400, 300);  //300 pixels down, 
                                  //400 pixels to the right
      }
    </script>
  </head>
  <body onload="javascript: loginCheck()">
    <h1>JavaScript Popup Example</h1>
  </body>
</html>
```
2. 或者您想在新标签页中打开index.html吗？只需使用锚标记中的target属性，并将值设置为new，例如<a target="new"...
3. 如果您尝试在同一标签中替换index.html / open ...您不需要对href
4. 如果你想以某种方式在app.html页面中打开app.html的内容......那么你要么：
  1. 需要使用iframe（已经可以在app.html中标记（您不需要使用JavaScript动态创建它）并将index.html加载到其中或者...
  2. 使用AJAX在app.html加载STILL时，在窗口/标签中加载幕后的页面......无需重新加载或替换它。一旦AJAX请求完成，您就可以使用index.html中的HTML执行某些操作...如：
    - 使用普通的vanilla JavaScript动态创建div（或显示隐藏的div）并在加载index.html后填充它。
    - 使用（jQuery）小部件，例如标签/标签集或手风琴，并在加载app.html时填写它

打开iframe src到新页面

3 个答案: