html中iframe显示多个子页面

参考：https://www.runoob.com/html/html-iframes.html

go.html

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="charset=utf-8; text/html" /><title>显示框架</title><base href="" target="_blank">
</head><body><div id="container" style="width: 800px;"><div id="d1" style="background-color:aquamarine;float: left;"><iframe src="http://sina.com" target="_blank" width="200" height="300" frameborder="0" name="ifa"></iframe><p><a href="sec.html" target="ifa">点击跳转</a></p></div><div id="d2" style="background-color: beige;float: left;"><iframe src="http://163.com" width="400" height="300" name="ifb"></iframe><p><a href="show.html" target="ifb">跳转到二</a></p></div></div></body></html>

show.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>一首诗</title>
</head><body><pre>疾风知劲草，版当时诚臣。至今思项羽，不肯过江东。</pre>
</body></html>

sec.html

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><title>第二个</title></head><body><pre>显示第二个界面<b>我是李先念</b>    </pre></body>
</html>

结果：

点击跳转链接按钮

html中iframe显示多个子页面相关推荐

ViewPager系列之ViewPager一屏显示多个子页面
from :http://blog.csdn.net/JM_beizi/article/details/51297605 ViewPager一屏显示多个子页面,常见的有两种形式: 1.当前展示的页面右 ...
如何实现标签元素在HTML页面中居中显示
如何实现标签元素在HTML页面中居中显示在HTML页面设计中常常需要实现标签元素在HTML页面中居中显示,相关知识点较多也较杂乱,本文试图介绍一些比较基本与实用的相关知识. 使用标签的align属性 ...
html中ng-src,angular项目中，ie中iframe动态的ng-src，如果是路由的地址（带有#的url），页面不显示，googel却正常...
为什么在ie中iframe动态的ng-src,改变ngsrc的值,如果是路由的地址(带有#的url),页面不显示,不是路由的就可以,googel却正常,有人遇到过吗? html代码 JS代码: fun ...
27、HTML框架（同一个浏览器窗口中显示不止一个页面）
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面. <iframe src="https://www.17173.com/" width="500" ...
HTML5怎么编辑另一个页面,html中嵌套iframe页面如何将一个html页面中嵌入另一个html页面...
如何将一个html页面中嵌入另一个html页面将一个html页面中嵌入另一个html页面需要使用到iframe标签. iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌 ...
div iframe 显示html,IE中iframe标签显示在DIV之上的问题解决方案
在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡, 后在stackoverflow中查到是IE浏览器的问题:链接https://stackoverflow.com/questions ...
html中iframe全屏显示,如何让iframe中的元素全屏
最近项目中iframe让人恶心,iframe只要一出现,写的正常代码就容易出现各种bug,比如iframe中的元素不能document.getElementBy...正常获取,比如iframe中的元素 ...
iframe框架一个页面中嵌套到另外一个页面
在一个页面中嵌套另外一个页面,就要使用到框架<iframe> 标签.<iframe> 标签规定一个内联框架.一个内联框架被用来在当前 HTML 文档中嵌入另一个文档. 基本语法 ...
html页面在ie上出现404怎么解决,如何解决自定义404页面在IE等浏览器中无法显示问题...
网站设置自定义404页面之后(如何在IIS下正确设置404页面?),如无法在浏览器中正常显示,可能是以下原因: 1.404页面文件权限设置错误我们需要为404页面文件添加上用户everyone的可读 ...

html中iframe显示多个子页面

html中iframe显示多个子页面相关推荐

最新文章

热门文章