H5 分帧(frameset) 使用分帧写一个页面，可以实现点击联动效果

最新推荐文章于 2021-06-05 03:52:55 发布
最新推荐文章于 2021-06-05 03:52:55 发布
阅读量909 收藏 1
点赞数
分类专栏： H5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42467563/article/details/83104607
版权
这篇博客展示了如何利用HTML的frameset标签创建一个页面，其中左侧为导航链接，右侧分帧显示链接内容。当点击左侧链接时，右侧会动态加载对应的网址，实现页面的点击联动效果。
摘要由CSDN通过智能技术生成

需要两个文件：

文件3.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>

        <a href="https://weibo.com/" target="a"><font color="black">微&nbsp&nbsp博</font></a><br/>

        <a href="http://tejia.aili.com/temai/" target="a" name="特价"><font color="black">今日特价</font></a><br/>

        <a href="http://kan.2345.com/" target="a" name="电视剧"><font color="black">电视剧</font></a><br/>

        <a href="https://ju.taobao.com/?ali_trackid=2:mm_33793785_3431230_70732360:1539605098_115_583908894" target="a"><font color="bl

最低0.47元/天 解锁文章
三尺秋水一点飞鸿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
h5分页加载的实现
u013262823的博客
03-13 3605
h5分页加载功能的实现 项目场景涉及到分页加载，之前文章有用过使用better-scroll 这个插件在进行处理（文章具体地址：https://blog.csdn.net/u013262823/article/details/91979851），今天我们使用滚动的方式来实现分页加载的功能，比起使用better-scroll更简单易懂，我们先介绍一下实现的大致原理： 1、监听滚动事件，滚动到距离底部...
H5使用div实现frameset效果
linlinxie的博客
08-18 5359
由于在H5中已弃用frameset标签，因此在页面中使用时提示 Element (frameset) is obsolete. Its use is discouraged in HTML5 documents. 可以使用div标签+js实现该效果，代码如下：<%@ page language="java" import="java.util.*" contentType="text/html;
简单H5前端下拉菜单select之二级联动
Link的博客
01-28 1万+
select二级联动 HTML: 一级下拉菜单 &lt;select id="first" onchange="setSecond(this.value)"&gt; &lt;option value="1"&gt;广西&lt;/option&gt; &lt;option value="2"&gt;广东&lt;/option&gt; &
html5 中input type=‘file’实现文件图片等的上传的文件类型限制
热门推荐
coding乐园
03-11 1万+
可以直接设置input标签的accept属性来限制上传文件的类型 <input type="file" accept="application/msword" ><br><br>accept属性列表<br>1.accept=”application/msexcel” 2.accept=”application/msword” 3.accept=”application/pdf” 4.accep
frameset的各个frame之间互相访问的方法
08-28 747
工作中很少使用到frameset，对其了解也是十分有限，这里在网上找了点资料，摘抄了部分内容。 （1）获得html页面上的frame 　　window.frames可以获得本页面上所有frame集合，用法与document.forms,document.imgs的用法相似，这是这里用的是window对象，获取某个框架可以这样做window.frames[0]、window.fra...
复杂的javascript窗口分帧解析
10-22
总结，JavaScript窗口分帧提供了在单个浏览器窗口中展现多页面内容的能力，并且可以通过JavaScript对这些窗口进行交互和控制，为网页开发提供了更丰富的布局和交互方式。理解和掌握帧窗口的概念及操作方法对于构建...
html页面嵌套使用示例(frameset使用方法)
09-28
在HTML中，页面嵌套通常通过使用`frameset`元素实现，这是一种创建多窗口布局的方式，允许网页内容被分割成不同的区域，每个区域可以独立显示不同的网页。`frameset`是HTML4的一个特性，但在HTML5中已被废弃，但仍然...
用frameset实现复杂的页面布局技巧小结
09-22
本文小结了使用frameset实现复杂页面布局的一些技巧，并提供了一个示例，以供参考。 首先，frameset标签是用于定义一系列的frame元素的容器，它允许我们按照行和列的方式来组织页面。rows属性用于定义水平分割的...
freamset帧框架使用
11-16
【帧框架使用】在网页设计中，帧框架是一种布局技术，允许将一个HTML文档分割成多个独立的区域，每个区域可以加载不同的网页内容。Freamset（也常写作frameset）是HTML4的一个元素，用于定义这些框架。在标题提到的...
分屏.html (视频分屏页面效果 可分1、4、6、8、9、10、16、24、32块视频)
05-18
视频分屏页面效果 可分1、4、6、8、9、10、16、24、32块视频 页面打开直接看效果
matlab 语音分帧
03-30
用matlab书写的语音分帧函数，主要用于语音识别方面
在html5中关键帧属性的描述,关键帧有什么用？
weixin_39915605的博客
06-05 1217
关键帧的作用是通过影片图层实现叠加的效果。帧——就是动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。在动画软件的时间轴上帧表现为一格或一个标记。关键帧——相当于二维动画中的原画。指角色或者物体运动或变化中的关键动作所处的那一帧。关键帧与关键帧之间的动画可以由软件来创建，叫做过渡帧或者中间帧。关键帧的用途又分为：普通关键帧(用于处理图形图像和动画)；动作脚本关键帧(用于存放动作脚本，关键...
前端HTML框架(frameset)用法详细解析
a6984021的博客
04-12 1万+
Frameset 定义 W3C是这样定义frameset框架的，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。注意，这是HTML框架，不是前端框架，与node.js，vue.js等不同。 垂直切割 属性为cols。例如： 属性值的个数就代表视窗的个数，像这里是两个数，那么就有两个视窗，如果有三个，那么就有三个视窗。 值得...
frameset标签在H5中已经弃用了，用什么来代替
m0_50217781的博客
12-28 8195
frameset标签在H5中已经弃用了，用什么来代替 用div+iframe 顶替frameset 框架。 用div+iframe 代替frameset 框架 frameset 已经过时, 使用frameset会带来很多问题,比如session丢失等. 所以提倡用iframe,iframe的好处我就不用多说了.下面用div+iframe来代替frameset的收缩与展开功能. <%@include file="common/taglib.jsp" %> <%@ page contentTy
把页面分成左右两个，如何实现在左侧点击，链接一个页面到右边的页面
weixin_34209851的博客
01-15 2198
问：请问jsp页面用框架网页把页面分成左右两个，怎么实现在左侧点击，链接一个页面到右边的页面jsp页面用框架网页（<frameset></frameset>）把页面分成左右两个页面，怎么实现在左侧点击，链接一个页面到右边的页面？另外，为什么我在jsp页面里面设置onmouseover事件，不管用呢？--------------------解决方案---...
你可以使用frameset和frame写一个HTML文件演示一下吗
最新发布
05-26
当然可以，以下是一个使用 frameset 和 frame 的示例 HTML 文件： ```html <!DOCTYPE html> <html> <head> <title>Frameset and Frame Example</title> </head> <body> <!-- 定义 frameset --> <frameset cols="30%, 70%"> <!-- 定义左边的 frame --> <frame src="left.html" name="left"> <!-- 定义右边的 frame --> <frame src="right.html" name="right"> </frameset> </body> </html> ``` 在上述示例中，我们定义了一个 `frameset`，该 `frameset` 包含两个 `frame`，分别是左边的 `frame` 和右边的 `frame`。 我们可以通过 `cols` 属性指定 `frameset` 中每个 `frame` 的列宽百分比。在本例中，左边的 `frame` 宽度为 `30%`，右边的 `frame` 宽度为 `70%`。 接下来，我们可以在 `src` 属性中定义左边和右边的 `frame` 要加载的 HTML 文件。在本例中，分别是 `left.html` 和 `right.html`。 例如，我们可以创建两个简单的 HTML 文件 `left.html` 和 `right.html`，如下所示： ```html <!-- left.html --> <!DOCTYPE html> <html> <head> <title>Left Frame</title> </head> <body> <h1>This is the left frame</h1> <p>Hello World!</p> </body> </html> <!-- right.html --> <!DOCTYPE html> <html> <head> <title>Right Frame</title> </head> <body> <h1>This is the right frame</h1> <p>Welcome to my website!</p> </body> </html> ``` 现在，当我们在浏览器中打开上面的 HTML 文件时，会看到一个包含左边和右边 `frame` 的页面。左边的 `frame` 中会显示 "This is the left frame" 和 "Hello World!"，右边的 `frame` 中会显示 "This is the right frame" 和 "Welcome to my website!"。 希望这可以帮助你理解如何使用 `frameset` 和 `frame` 创建多个 HTML 页面的布局。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值