首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何添加Iframe默认内容页面

如何添加Iframe默认内容页面
EN

Stack Overflow用户
提问于 2016-08-13 17:07:39
回答 2查看 1.1K关注 0票数 0

我使用iframe创建了一个动态加载页面。当它加载时,它会在主体区域显示空白区域,直到我单击页面链接。如何在I框架加载时添加默认页面。

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

发布于 2016-08-13 17:15:20

请检查下面的代码片段。在这种情况下,它将从第一个'a‘元素加载页面。

代码语言:javascript
复制
$(document).ready(function(){
    $("#content").attr("src" , $("a.divlink:first").attr("ref"));
    $(".divlink").click(function(){
         $("#content").attr("src" , $(this).attr("ref"));
    });
});
票数 0
EN

Stack Overflow用户

发布于 2020-10-08 04:50:07

使用iframe src属性

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38931125

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档