在另一个HTML页面中加载HTML页面

vij*_*jay 18 html

我需要在按钮点击的同时在另一个HTML页面中显示或加载HTML页面.我需要在弹出窗口中将主html页面作为背景.

任何帮助表示赞赏.

Car*_*los 28

iframe 是用于将其他html页面调用到您的网页中的标记

<iframe src="http://www.google.co.in" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0" >
    </iframe>
Run Code Online (Sandbox Code Playgroud)

  • 这仍然是公认的答案吗?它与 html5 &lt;object&gt; 相比如何 (2认同)

小智 12

你可以使用jQuery

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#divId").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="divId" style="display:none;"></div>
  </body> 
</html>
Run Code Online (Sandbox Code Playgroud)

在点击事件上,你可以使它显示块.


Eur*_*ric 5

使用iframe在页面内加载页面。以下应作为一个良好的起点。

<body>
  <div>
    <iframe src="page1.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0" >
    </iframe>
  </div>

  <br/>

  <div>
    <a href="page2.html" target="targetframe">Link to Page 2</a><br />
    <a href="page3.html" target="targetframe">Link to Page 3</a>
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)