iframe嵌套网页

最新推荐文章于 2025-03-04 11:39:17 发布

转载最新推荐文章于 2025-03-04 11:39:17 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/flyqingfei/p/6103749.html

本文介绍了一种使用iframe嵌套页面的方法，并通过调整外部div的位置来实现页面的精确定位。示例代码展示了如何设置HTML和CSS以实现这一效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

把iframe嵌套的网页放在某一位置，只需在iframe外加个框，改变框的位置即可，如：

<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>

</head>
<body>

<div class="main">
    <iframe src="http://www.bootcss.com/" onload="changeFrameHeight()" id="myiframe" scrolling="yes" frameborder="0"></iframe>
</div>


</body>

css如下：

<style type="text/css">
    *{ padding: 0; margin: 0;}
    body{background: green}
    .main{ width: 80%; height: 500px; margin: 0 auto;}
    .main iframe{ display: block; width:100%; height: 100%;}
    
</style>

效果如图：

转载于:https://www.cnblogs.com/flyqingfei/p/6103749.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33859665

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

iframe嵌入微信公众号页面（有图片）

木玄客的博客

10-18

7305

iframe展示微信公众号文章，有图片，包括背景图片

微信小程序webview中有iframe嵌套网页时，jsapi的ready没有任何回调问题

greenwishing的专栏

08-09

2002

由于在微信小程序的webview中无法统一在小程序端适配iPhone下的黑条问题，当然自定义TabBar也有同样的问题，整个网页无法在webview中设置样式让下面空出来，这样一来，网页的底部就跟黑条重合，若有自定义TabBar则也会遮挡住网页底部内容。效果如下：为解决这个问题，我们通过将所有网页统一在固定的iframe中打开，然后将iframe设置安全的下边距来解决。解决后的效果：虽然底部遮挡问题已经解决了，又出现新的问题，就是网页中 jsapi 中...

参与评论您还未登录，请先登录后发表或查看评论

【前端】页面iframe嵌入显示微信公众号文章

最新发布

weixin_46027556的博客

03-04

1750

使用iframe标签嵌入微信公众号文章详情，提示拒绝连接请求，无法正常展示内容。可以通过nginx代理配置处理跨域问题。

ifame 嵌套微信公众号文章和 ios内容变大兼容处理

weixin_40404336的博客

11-27

419

html &lt;div class="iframe-box"&gt; &lt;iframe id="iframes" src="" frameborder="0"&gt;&lt;/iframe&gt; &lt;/div

iframe嵌套定位

weixin_30387663的博客

11-21

364

from selenium import webdriverdriver=webdriver.Chrome()file_path=r"D:\PychramProjects\lyttest\Test\Frame.html"driver.get(file_path)driver.switch_to.frame('search')#定位到iframe控件driver.find_element_by_id...

js如何判断是否在iframe中及防止网页被别站用iframe嵌套

01-19

1. js如何判断是否在iframe中 Js代码 //方式一 if (self.frameElement && self.frameElement.tagName == IFRAME) { ...2. 防止网页被别站用 iframe嵌套将下面的代码加到您的页面 <head></head> 位置

关于解决iframe标签嵌套问题的解决方法

11-21

问题描述当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否...如果为否，我们就会嵌套一个iframe标签来打开一个相应的

js 判断是否为iframe嵌套网页

09-11

在JavaScript中，判断当前页面是否为iframe嵌套的网页可以通过检查几种不同的属性和方法。一般来说，iframe标签中的网页会有一些特定的环境特征，比如`window.top`、`window.parent`和`window.frameElement`等属性的...

掌握Python爬虫：深入Iframe嵌套网页的高效策略

资源摘要信息:"跨越 Iframe 的边界：Python 爬虫深入网页嵌套内容的策略" ### 知识点： #### 1. 网络爬虫概念及其应用网络爬虫，又称为网络蜘蛛、网络机器人等，是一种自动获取网页内容的程序。它们广泛应用于...

5-UI自动化-三大切换，iframe如何定位，窗口新开、alert弹窗如何进行元素定位

lucky多多的博客

11-30

3012

上篇介绍web测试过程中有没有遇到以下问题：1、测试过程中遇到点击后打开了一个新的窗口，这种要如何定位呢？2、页面嵌套iframe，如何定位元素？3、有些甚至有alert弹窗，（基本较少，一些银行网站可能会有），如何定位元素？本篇就来一一介绍♡。

Iframe子页面嵌套的使用技巧

weixin_44542089的博客

05-27

5016

在HTML中有着这么个标签:《iframe src=“URL”></iframe》，我们把它称做内联框架标签。刚开始学搭页面时很少用的到，直到现在接触了项目开发后才明白这个标签的常见性以及它的重要性。当看到标签中的src属性的时候，你是否就会猜到它的作用了呢?内联框架，说白了就是子页面嵌套，依靠它我们可以在当前页面中再搭建出一层内部页面，在src处写上视图路径便可成功的进行页面嵌套，效...

frame 嵌套的定位方法

weixin_33969116的博客

06-04

307

在 web 应用中经常会出现 iframe 嵌套的应用，假设页面上有 A、B 两个 iframe，其中 B 在 A 内，那么定位 B 中的内容则需要先到 A，然后再到 B。 iframe 中实际上是嵌入了另一个页面，而 webdriver 每次只能在一个页面识别，因此需要用 switch_to_frame 方法去获取 iframe 中嵌入的页面，对那个页面里的元素进行定位。如果iframe里...

frame 嵌套页面定位元素方法

罗小黑の窝

10-10

3876

在使用Python+Selenium自动 frame 嵌套页面化工具进行元素定位时，经常会遇到 frame 嵌套页面，直接定位是无法定位到的，这个时候就需要通过 switch_to_frame() 方法将当前定位的主体切换了 frame 里。

frame嵌套页面定位_1.12

艾力克金

02-13

1302

frameset 不用切，frame 需要层层切 frame 标签有 frameset、frame、iframe 三种，frameset 跟其他普通标签没有区别，不会影响到正常的定位，而 frame 与 iframe对selenium 定位而言是一样的，selenium 有一组方法对 frame 进行操作 1、怎么切到 frame 中（switch_to.frame()） selenium...

html中嵌套iframe页面