在html中做框架的页面,网页中的框架（详解）

所谓

一、制作框架页面的步骤：

1.编写所有子框架页面

2.编写主框架页面

3.在主框架页面中设定子框架名称

4.如果框架页面之间存在链接，在子框架中设定链接。

注意：框架页面是不含标签的

二、基本语法

您的浏览器不支持框架，请考虑升级您的浏览器！

定义框架的基本语法

框架由一对

定义有两个属性：rows和cols

Rows定义上下分割的框架的大小；

cols定义左右分割的框架的大小；

在定义大小时，rows和cols可以使用相对大小或以百分比为单位。

各窗口的尺寸设置

横排多个窗口

排列方式：

纵向排列多个窗口

排列方式：A B C

COLS & ROWS：纵横排列多个窗口

排列方式：

框架边框的颜色

bordercolor="ff0000“

各窗口边框的设置

frameborder=#

#=yes, no / 1, 0

框架边框的宽度

framespacing=”10″

三、的属性

name：定义该框架的名字。这个名字可以被一些网页元素引用，如被元素引用。

Src：在本框架里显示网页的URL。

Target：目标框架,引用的是目标框架的名字。

在当前框架中打开超链接页面

默认就是在当前框架页中打开,也可以采用Target=“_self”

在指定框架中打开超级链接页面

Target=“name”

新开窗口打开链接页面

Target=“_blank”

跳出整个框架集

Target=“_parent”

Scrolling：是否显示滚动条。yes, no, auto

Noresize：框架在浏览器里不可以被调整大小。

iframe

定义和用法

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

iframe常用属性:

frameborder:是否显示边框，1(yes),0(no)

height:框架作为一个普通元素的高度，建议在使用css设置。

width:框架作为一个普通元素的宽度，建议使用css设置。

name:框架的名称，window.frames[name]时专用的属性。

scrolling:框架的是否滚动。yes,no,auto。

src：内框架的地址，可以使页面地址，也可以是图片的地址。

当主页面和iframe同域时，我们可以获取iframe里的内容:主要的两个API就是contentWindow,和contentDocument

iframe.contentWindow, 获取iframe的window对象

iframe.contentDocument, 获取iframe的document对象

这两个API只是DOM节点提供的方式(即getELement系列对象)

var iframe = document.getElementById("iframe1");

var iwindow = iframe.contentWindow;

var idoc = iwindow.document;

console.log("window",iwindow);//获取iframe的window对象

console.log("document",idoc); //获取iframe的document

console.log("html",idoc.documentElement);//获取iframe的html

console.log("head",idoc.head); //获取head

console.log("body",idoc.body); //获取body

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/5719.html

在html中做框架的页面,网页中的框架（详解）相关推荐

java前端长连接框架_Java中Spring Boot+Socket实现与html页面的长连接实例详解
Spring Boot+Socket实现与html页面的长连接,客户端给服务器端发消息,服务器给客户端轮询发送消息,附案例源码功能介绍客户端给所有在线用户发送消息客户端给指定在线用户发送消息服务器 ...
在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆
原文链接: 在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆上一篇: tailwindcss 简单场景和官方案例下一篇: git Submodule 将别人的模型文件通 ...
HTML中强制换行和自动换行,网页中的纯文本如何强制换行（txt文件）
有的时候需要把文本文件中的内容显示到网页中,显示效果非常糟糕,比txt文本文件还差,不但没有行间距,连段落也没有了,所有段落被合并成一段,可阅读性变得十分差,可能阅读一会就不想读了.通常的处理方法是把 ...
小程序怎么处理轮训ajax,微信小程序中使用Promise进行异步流程处理的实例详解...
微信小程序中使用Promise进行异步流程处理的实例详解我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理.比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间( ...
[ASP.NET]ASP.NET中的Inherits、CodeFile、CodeBehind的区别详解及OWIN及IDENTITY
篇一 : ASP.NET中的Inherits.CodeFile.CodeBehind的区别详解 Inherits.CodeFile.CodeBehind 在 ASP.NET 中使用代码隐藏方法来设计W ...
html内置时间对象,JavaScript中的常用事件，以及内置对象详解
原标题:JavaScript中的常用事件,以及内置对象详解今天是刘小爱自学Java的第81天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 学前端有一个非常权威的组织,也就是w3c,其有个专 ...
使用Gin框架集成JWT，源码、详解、面试问题
使用Gin框架集成JWT,源码.详解.面试问题一.什么是JWT Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519). ...
金蝶云星空html5的网页主界面如何修改,金蝶云星空系统与嵌套网页进行交互实现详解...
金蝶云星空系统与嵌套网页进行交互实现详解一.应用场景: 嵌套网页与金蝶云星空进行数据交互,例如:在被嵌套网页中,点击一个按钮,需要把数据发送到金蝶云星空系统当中,并且,星空系统接收发过来的数据,同时 ...
WMV网页播放器代码详解
WMV网页播放器代码详解 WMV是流媒体,用专门的代码播放,效果会更好一些. 这里只举WMV(MediaPlayer9.0及以后)的网页内嵌播放器代码.(默认0为否,-1或1为是) 程序代码: < ...
ajax配合ssm框架,SSM框架前后端信息交互实现流程详解
SSM框架前后端信息交互实现流程详解比如该处代码,显示了问题的标题信息,并将其作为超链接,点击该链接时进入后端Controller类的方法,并向其发送问题编号question_id 3.ajax请求 ...

在html中做框架的页面,网页中的框架（详解）

在html中做框架的页面,网页中的框架（详解）相关推荐

最新文章

热门文章