网页分屏显示技术贴

在上网人群中,有这么一部分用户喜欢开大量的网页占据着浏览器上方,我也是其中之一,又舍不得关掉,因为都是有用的信息,可是时不时地来回切换又显得麻烦,鉴于此,可以将自己经常需要打开的网页整合到一起,实现所谓的分屏显示。
实现原理不复杂,只需几行代码。首先新建一个文本文档,在文档中添加以下代码:

<html>
<frameset cols="30%,30%,40%">
    <frame src="http://qq.com/">
    <frame src="https://open.weixin.qq.com/">
    <frame src="http://baidu.com/">
</frameset>
</html

然后将文档后缀名改为html格式,接着用浏览器打开即可。
分屏后的网页页面如下所示:
这里写图片描述

看起来还挺炫酷的,这只是其中一种分屏效果,可通过修改代码来达到不同的目的,例如,将cols修改成rows,这样是横向分屏显示;此外,其携带的比例值的个数和大小也可改动,依情况而定;还有,src路径也能换成自己想要打开的网页链接。总的来说,这其实归结为网页一些标签frameset,frame和属性的学习,挺简单的,空闲之余玩一玩这个还是不错的,不过对于前端工程师而言算是基础本领吧,any way,本篇博客就介绍到这里,仅供大家娱乐一把。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值