HTML基础iframe 实现聚合浏览器

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <title>聚合浏览器</title>

     <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">

     <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

     <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

 </head>

 <body>

 <ul class="nav nav-tabs">

     <li class="active"><a href="https://www.baidu.com/" target="iframe_a">百度</a></li>

     <li><a href="http://m.baidu.com/" target="iframe_a">百度移动端</a></li>

     <li><a href="https://www.sogou.com/" target="iframe_a">搜狗pc端</a></li>

     <li><a href="https://m.sogou.com/" target="iframe_a">搜狗移动端</a></li>

     <li class="dropdown">

         <a class="dropdown-toggle" data-toggle="dropdown" href="#">

             聚合浏览器 <span class="caret"></span>

         </a>

         <ul class="dropdown-menu">

             <li><a href="https://dongcongxin.github.io/yueyue/pc" target="iframe_a">百度pc+搜狗移动双屏模式</a></li>

             <li><a href="https://dongcongxin.github.io/yueyue/wraps" target="iframe_a">百度移动+搜狗移动双屏显示</a></li>

             <li><a href="https://dongcongxin.github.io/yueyue/360" target="iframe_a">360pc+360移动双屏显示</a></li>

             <li class="divider"></li>

             <li><a href="#">双击666</a></li>

         </ul>

     </li>

     <li><a href="#">PHP</a></li>

 </ul>

 <iframe src="http://www.baidu.com" name="iframe_a" width="100%" height="680px"></iframe>

 </body>

 </html>

如图：

HTML基础iframe 实现聚合浏览器的更多相关文章

Ipad Safari iframe cookie 当浏览器默认禁用第三方COOKIE
前一阵子,我们发现高版本的Safari中默认会阻止第三方cookie,如下图所示. 问题什么是第三方cookie呢?在访问一个网站A时,网站A算作第一方,如果网站A中引用了另一个网站X(网站X的域名 ...
js iframe onload &line-height浏览器兼容问题
1.IE iframe onload事件在IE下给iframe添加onload事件经常无效,因为在IE下它最多只能被激活一次,而且无论你有多少个iframe,被激活的也只能是最后一个的.可以用下面的 ...
Fiddler基础用法-抓取浏览器数据包
Fiddler基础知识 Fiddler是强大的抓包工具,它的原理是以web代理服务器的形式进行工作的,使用的代理地址是:127.0.0.1,端口默认为8888,我们也可以通过设置进行修改. 代理就是在 ...
iframe滚动条充当浏览器滚动条
在做博客项目的时候,使用了iframe,方便根据选择的文章类别切换显示的内容,但是文章一般都有很多,通过bootstrap的媒体列表的方式显示的话,iframe是一定会出现滚动条的,特别是我添加了一个 ...
页面中嵌套iframe，微信浏览器长按二维码识别不了
问题:在微信浏览器内,页面中嵌套iframe,iframe中用户触发事件后有个弹框会显示二维码,用户长按二维码可以识别并跳转.尝试了一下,安卓是正常的,但是ios是识别不了的. 解决过程: 1.这里客 ...
二、JavaScript语言--JS基础--JavaScript进阶篇--浏览器对象
1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法:
2、SQL基础整理（聚合函数）
聚合函数 --求平均 select AVG(age) as 年龄 from xuesheng select AVG(chinese) as 语文 from xuesheng where class ...
[置顶] js操作iframe兼容各种浏览器
在做项目时,遇到了操作iframe的相关问题.业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数.于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终 ...
（五十九）iOS网络基础之UIWebView简易浏览器实现
[UIWebView网络浏览器] 通过webView的loadRequest方法可以发送请求显示相应的网站,例如: NSURL *url = [NSURL URLWithString:@"h ...

随机推荐

策略模式优化过多的IF ELSE
前言: 当if else的条件少的话,代码可阅读性及逻辑不影响阅读和扩展.一旦if else过多的话会导致逻辑比较混乱,不易扩展并且很容易出错. 实现方案: 1.定义一个@HandlerType注解, ...
从保障淘宝到全球市场“第一阵营”，阿里云的DDoS防护之路走了多远？
2年前,不少技术圈的朋友,读过论坛里的一篇解读文章:DDoS,阿里为什么要走自己的一条路(https://bbs.aliyun.com/read/271764.html?pos=13),文章讲述了阿里 ...
HDU6702 ^&^（思维）
HDU6702 ^&^ 目标为 \((A \oplus C) \& (B \oplus C) = 0\) ,易得: \(A \& B=0\) 时:\(C = 1\) . \(A ...
python的final class
https://zhuanlan.zhihu.com/p/31674972 https://rainmanwy.github.io/Python的final-Class/
postgresql中实现按周统计详解
SELECT EXTRACT(DOW FROM CURRENT_DATE); 执行结果如下. 这个SQL语句的意思就是计算当前日期是一周中的第几天. EXTRACT(DOW FROM CURREN ...
Vagrant 手册之 Vagrantfile - 概述
原文地址 Vagrantfile 的主要用途是描述用于项目的机器类型,以及如何配置和提供这些机器. Vagrant 的每个项目运行一个 Vagrantfile,并且 Vagrantfile 应该被提交 ...
（转载）Spring与SpringMVC父子容器的关系与初始化
转自 https://blog.csdn.net/dhaiuda/article/details/80026354 Spring和SpringMVC的容器具有父子关系,Spring容器为父容器,Spr ...
JavaScript Is or isNot
读书笔记,简化代码--不对外公布,只是做笔记使用. var superman = { name: "Superman", strength: "Super", ...
pipenv虚拟环境
虚拟环境之前用的 virtualenv +virtualenvwrapper 今天在学习 flask 框架用到了pipenv pipenv Pipfile 文件是 TOML 格式而不是 ...
CentOS7通过SpeedTest工具测速
首先要安装SpeedTest工具,这里提供两种方法安装SpeedTest: 一.通过直接下载SpeedTest脚本,给权限运行脚本即可 [root@bogon ~]#wget -O speedtest ...

HTML基础iframe 实现聚合浏览器

HTML基础iframe 实现聚合浏览器的更多相关文章

随机推荐

热门专题