iframe框架学习

学习目标:使用页面的部分内容用框架来形容

用于在页面中引入站外的页面内容

引用页面地址  框架标识名

<iframe src="path"name="mainFrame"></iframe>

<!DOCTYPE html>

<html>

<head lang="en">

<meat charset="utf-8"/>

<head>

<title>iframe简单使用 </title>

</head>

<body>

<iframe src="subframe/the_one.html" width="500px" height="236px" name="newpage">

</body>

</html>

超链接页面间的跳转和引用站外的页面内容

<!DOCTYPE html>

<html>

<head lang="en">

<meat charset="utf-8"/>

<head>

<title>iframe简单使用 </title>

</head>

<body>

<p>

<a href = "subfram/the_first.html" target="myframe">下边显示第一页</p><br/>

<a href = "subfram/the_second.html" target="myframe">下边显示第二页</p><br/>

<a href = "oneshop/index.html" target="myframe">下边显示第一页</p><br/>

</p>

<iframe    name="myframe"   width="800px" height="800px" src="subframe/the_second.html">

</body>

</html>

时间: 2024-09-29 15:53:59

iframe框架学习的相关文章

Jquery LigerUI框架学习(二)之Tree于Tab标签实现iframe功能

LigerUI框架Tree于Tab标签动态使用,当点击Tree后动态创建Tab标签,和通常用的iframe框架功能类似 Tree中的关键代码 //Tree初始化 $("#tree1").ligerTree({ nodeWidth: 112, //Tree控件宽度 data: createData(), //Tree数据源 checkbox: false, //是否使用Checkbox idFieldName: 'id', //绑定id isExpand: 2, //是否展开节点 FAL

iframe框架自适应高度 uncanght SecurityError: Blocked a frame with origin &quot;null&quot; from accessing a frame ....

来源于crm项目的contact/edit.html 一.背景是这样的 最近在做crm系统的前端页面,有一个页面呢,点击“查看全部信息”时会弹出,这个弹窗里面又有分页导航,分页不是使用ajax 异步刷新请求写的,而是通过刷新页面.由于整站的分页都是使用这个方法,所以不可能让后端同事用ajax重写一个分页,所以呢,就想到使用iframe框架,把这个弹窗写在html文件,放在iframe中完成.一切都是perfect的想法. 二.问题来了!解决问题 此时不仅仅是没有高度自适应而且还报错,其实这报的错

windows下scrapy框架学习笔记—&#39;scrapy&#39; 不是内部或外部命令

最近几天在深入的学习scrapy框架,但是装完各种需要的基础包之后却发现scrapy命令在别的路径下都用不了,我一开始是把python安装在F:\Python路径下的,安装了scrapy后它默认都会安装在这个路径下,scrapy在路径F:\Python\Scripts路径下,我的scrapy命令只能在此路径下用,因此创建什么工程也都只能在此文件下. 想了一下它的工作原理:它在F:\Python\Scripts路径下,就会在Scripts文件下存在一个scrapy批处理文件,那么在DOS下想要命令

Swagger框架学习分享

Swagger框架学习分享 转至元数据结尾 Created and last modified by 刘新宇 大约1分钟以前 转至元数据起始 一.背景介绍 1.1.项目简介 1.2.code repository 1.3.演示项目 二.开发准备 2.1.环境准备 2.2.项目搭建 2.2.1.jar仓库 2.2.2.相关依赖 2.2.3.编写配置文件 2.2.4.与swagger-ui集成 2.6.5.Controller配置 2.2.6.启动中间件 2.2.7.需求定制 三.学习感想 一.背景

嵌入的iframe框架自适应宽度代码

今天在给客户做一个提取底部,插入了一个从网上下载的头部代码,由于插入的框架底部没有自适应,我这边电脑打开看着没事,发给对方,底部小了,原因是对方的电脑比自己要宽,下面由魅力网络为大家解决这个问题 解决办法是:让插入的iframe框架代码自适应浏览器的宽度 <iframe id="frame_content" src="dibu.html" scrolling="no" frameborder="0"  width=&qu

某智能家居项目框架学习总结

这个月来第一篇博客,各种其他事情.. 之前负责过一个智能家居项目的二次开发,苏州一家公司做的,项目还是分了好几个系统,对业务流程的不同部分进行了划分,我是此项目的主要负责人,通过老师的指导,对这个项目也有了一些了解.此项目运用了一些框架,有些也是我第一次接触到的,下面将对项目用到的一些框架进行总结. 下面可能会出现几个有关智能家居的名词,介绍一下 1.机顶盒:每一个家庭都应该至少有一个机顶盒,控制电器开关都是由机顶盒向各电器的接收器发送命令 2.客户端:也就是用户的移动设备,手机.平板都可以,我

Spring框架学习之IOC(一)

Spring框架学习之IOC 先前粗浅地学过Spring框架,但当时忙于考试及后期实习未将其记录,于是趁着最近还有几天的空闲时间,将其稍微整理一下,以备后期查看. Spring相关知识 spring是J2EE应用程序框架,是轻量级的IoC和AOP的容器框架,主要是针对javaBean的生命周期进行管理的轻量级容器.可单独使用,通常也与其他框架整合使用,例如SSH.SSM. IOC:控制反转 控制权由对象本身转向容器:由容器根据配置文件去创建实例并创建各个实例之间的依赖关系.等同于DI依赖注入 A

Android Afinal框架学习(一) FinalDb 数据库操作

框架地址:https://github.com/yangfuhai/afinal 对应源码: net.tsz.afinal.annotation.sqlite.* net.tsz.afinal.db.sqlite.* net.tsz.afinal.db.table.* net.tsz.afinal.utils.ClassUtils.net.tsz.afinal.utils.FieldUtils FinalDb 建库 FinalDb db = FinalDb.create(context, "my

spring框架学习(二)依赖注入

转自:http://blog.csdn.net/lishuangzhe7047/article/details/20740835 ———————————————————————————————————————————— spring框架为我们提供了三种注入方式,分别是set注入,构造方法注入,接口注入.接口注入不作要求,下面介绍前两种方式. 1,set注入 采用属性的set方法进行初始化,就成为set注入. 1)给普通字符类型赋值. [java] view plaincopyprint? pub