阻止加载隐藏的iframe的内容

我有很多隐藏的

标签，有(display: none) ，当我想加载一个jQuery模式时，我会调用它。 这些

标记中的每一个都包含一个 ，它调用不同的页面。

为了不让我的页面缓慢加载，我想知道是否有办法阻止加载页面，直到我在模态中调用

？

Answer 1

您可以通过在iframe的html中提供空src并稍后通过jquery / javascript分配src来在html呈现后加载iframe。

HTML

可以在按钮点击等某些操作上加载Javascript，iframe

 document.getElementById('iframe1').src="/default.aspx"; 

正如kern3l所说，我们可以在iframe中添加数据属性来保存src而不是硬编码。

HTML

使用Javascript

 ifrmame1 = $('#iframe1') ifrmam1.src = ifrmam1.data("frameSrc"); 

您还可以在jquery中创建一个新帧并分配src，这将加载带有空白帧的页面。

 $(' 

要么

 var iframe = document.createElement('iframe'); iframe.frameBorder=0; iframe.width="300px"; iframe.height="250px"; iframe.id="myFrame"; iframe.setAttribute("src", '/default.aspx'); document.getElementById("parentDivId").appendChild(iframe); 

Answer 2

只需使用一个iframe：

然后在each click button/link assign src ：

假设这是html：

 
 
Page 1
 
Page 2
  

那么jquery：

 $('ul li a').click(function(e){ e.preventDefault(); $('#page').attr('src', $(this).attr('href')); });