Question

我使用iframe创建了动态加载页面。加载时，它会显示正文区域中的空白区域，直到我单击页面链接。如何在i帧加载时添加默认页面。

<html>
<head>
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
</script>
<script type="text/javascript">

$(document).ready(function(){
     $(".divlink").click(function(){
     $("#content").attr("src" , $(this).attr("ref"));
});
});

</script>
</head>
<body>
  <iframe id="content"></iframe>
    <a href="#" ref="page1.html" class="divlink" >Page 1</a><br />
    <a href="#" ref="page2.html" class="divlink" >Page 2</a><br />
    <a href="#" ref="page3.html" class="divlink" >Page 3</a><br />
    <a href="#" ref="page4.html" class="divlink" >Page 4</a><br />
    <a href="#" ref="page5.html" class="divlink" >Page 5</a><br />
    <a href="#" ref="page6.html" class="divlink" >Page 6</a><br />
</body>
</html>

Answer 1

请查看下面的代码段。在这种情况下，它将加载来自第一个＆＃39; a＆＃39;元件。

$(document).ready(function(){
    $("#content").attr("src" , $("a.divlink:first").attr("ref"));
    $(".divlink").click(function(){
         $("#content").attr("src" , $(this).attr("ref"));
    });
});

Answer 2

使用iframe src属性

<iframe id="content" src="page1.html"></iframe>

如何添加Iframe默认内容页面

2 个答案: