HTML5框架 iframe用法实现嵌套好玩用法

html5框架

现在基本都是适用第四种内联框架来实现：

我们先编写三个html5文件：

第一个：index03.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><iframe src="index.html" width="800px" height="800px"></iframe></body>
</html>

第二个：index.html

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>表单</title></head><body bgcolor="antiquewhite">frame<iframe src="index01.html" width="600px" height="600px"></iframe></body>
</html>

第三个：index01.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body bgcolor="aqua">frame01<iframe src="index02.html" width="400px" height="400px"></iframe></body>
</html>

然后我们在index02.html中加入一个连接：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body bgcolor="bisque"><a href="http://www.baidu.com" target="_parent">baidu</a></body>
</html>

运行index03.html

实现这种效果：

简单梳理一下，就是先在index03.html中加入一个长和宽都是800px的index.html，然后index.html中又引入了长和宽都是600px的index01.html, 接着index01.html 中又引入了长和宽都是400px的index02.html,一次循环嵌套。

注意 a标签这种用法:

<a href="http://www.baidu.com" target="_parent">baidu</a>

这里的target ="_parent" 表示在父级打开连接：
实现效果图：

换成_self

<a href="http://www.baidu.com" target="_self">baidu</a>

效果图：

HTML5框架 iframe用法实现嵌套好玩用法相关推荐

Iframe简单的嵌套用法
Iframe简单的嵌套用法最近学到了个页面嵌套的用法和大家分享一下:用可以嵌套个页面进入页面里面,主要存在于左右边有导航栏,不需要把重复的样式复制多遍,用配合使用达到减少代码的作用. 标签: 配合标 ...
iframe框架一个页面中嵌套到另外一个页面
在一个页面中嵌套另外一个页面,就要使用到框架<iframe> 标签.<iframe> 标签规定一个内联框架.一个内联框架被用来在当前 HTML 文档中嵌入另一个文档. 基本语法 ...
路由重定向|| 嵌套路由用法
路由重定向路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面: 通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向 ...
框架前期准备篇之AutoFac常见用法总结转载
框架前期准备篇之AutoFac常见用法总结一. 说在前面的话凡是大约工作在两年以上的朋友们,或多或少都会接触到一些框架搭建方面的知识,只要一谈到框架搭建这个问题或者最佳用法这个问题,势必会引起一点 ...
thinkphp mysql cache_thinkPHP5框架数据库连贯操作之cache()用法分析
本文实例讲述了thinkPHP5框架数据库连贯操作之cache()用法.分享给大家供大家参考,具体如下: 介绍 TP5中自带的缓存系统,是File型缓存.也就是文件型缓存.存储地址是:根目录..unt ...
第二节：框架前期准备篇之AutoFac常见用法总结
一. 说在前面的话凡是大约工作在两年以上的朋友们,或多或少都会接触到一些框架搭建方面的知识,只要一谈到框架搭建这个问题或者最佳用法这个问题,势必会引起一点点小小的风波,我说我的好,他说他的好,非常容 ...
html5中的h1,HTML5语义 - 产品列表中的h1用法
我们正在讨论在产品列表页面中使用h1标签.有几个方面可以用来过滤产品.HTML5语义 - 产品列表中的h1用法技术上明智的做法是使用多个h1标签,如果这些标签被封装在section或article中 ...
layuiAdmin框架iframe版本个人总结
本文只针对于layuiAdmin框架iframe版本 1.目录说明 2.宿主页面 3.加载 modules 目录下自己的 JS 模块 4.框架基础方法 config 模块 admin 模块 view ...
map函数作用c语言,c语言中map的用法：map基本用法
c++中map容器提供一个键值对容器,那么你知道map的用法有哪些吗,下面秋天网 Qiutian.ZqNF.Com小编就跟你们详细介绍下c语言中map的用法,希望对你们有用. c语言中map的用法:m ...
iframe 标签(用于嵌套网页)及loading加载动画效果
一. 什么是 iframe 1. iframe 是 HTML元素,用于在网页中内嵌另外一个网页. 2. iframe 默认有一个宽高,存在边界. 3. iframe 是一个行内块级元素,可以通过 di ...

HTML5框架 iframe用法实现嵌套好玩用法

html5框架

现在基本都是适用第四种内联框架来实现：

我们先编写三个html5文件：

运行index03.html

简单梳理一下，就是先在index03.html中加入一个长和宽都是800px的index.html，然后index.html中又引入了长和宽都是600px的index01.html, 接着index01.html 中又引入了长和宽都是400px的index02.html,一次循环嵌套。

注意 a标签这种用法:

HTML5框架 iframe用法实现嵌套好玩用法相关推荐

最新文章

热门文章

HTML5框架 iframe用法 实现嵌套 好玩用法

html5框架

现在基本都是适用第四种内联框架来实现：

我们先编写三个html5文件：

运行index03.html

简单梳理一下，就是先在index03.html中加入一个长和宽都是800px的index.html，然后index.html中又引入了长和宽都是600px的index01.html, 接着index01.html 中又引入了长和宽都是400px的index02.html,一次循环嵌套。

注意 a标签这种用法:

HTML5框架 iframe用法 实现嵌套 好玩用法相关推荐

最新文章

热门文章

HTML5框架 iframe用法实现嵌套好玩用法

HTML5框架 iframe用法实现嵌套好玩用法相关推荐