分类：iframe

2022
08-11

HTML iframe标签用法案例详解

目录一、iframe定义和用法 二、属性三、示例 1、iframe框架2、iframe透明3、iframe自适应高度4、通过js输出iframe广告代码    iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性。一、iframe定义和用法     iframe元素会创建包含另外一个文档的内联... 继续阅读 >
2021
07-17

python3+selenium4实现切换窗口与iframe的方法

python3+selenium4实现切换窗口与iframe的方法 在自动化测试过程中，有时后会遇到元素定位方式没有问题，但是依旧抛出无法找到元素的异常的问题，通常情况下，如果元素定位没有问题，但还是无法找到元素，则可能是由于当前焦点不在指定页面或iframe导致的，以下将对两种情况分别进行说明1、切换窗口比如我们现在有这样一个需求，进入百度首页后，点击新闻，然后在新闻页面的搜索框输入selenium而使用selenium要如何实现呢，在对selenium不是很熟悉的情况下，仅仅学习了之前的内... 继续阅读 >
2020
10-09

js利用iframe实现选项卡效果

本文实例为大家分享了js利用iframe实现选项卡的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>.header{width:400px;height:40px;border:solid1pxred;}.headera{width:100px;height:40px;text-align:center;line-height:40px;display:inline-block;}.bgc{background-color:cyan;}.cont{width:400px;height:400px;border:dashed... 继续阅读 >
2020
10-08

在vue中实现嵌套页面(iframe)

在vue中实现嵌套页面(iframe) vue中嵌套iframe,将要嵌套的文件放在static下面。src可以使用相对路径，也可使用服务器根路径http:localhost:8088/…<iframesrc="../../static/plusPro.html"width="1200"height="300"frameborder="0"scrolling="auto"style="position:absolute;top:-300px;left:0px;"></iframe>补充知识：关于VUE嵌套iframe的一系列问题此文是建立在vue-cli之上，当然单写也可以，下文会涉及一些关于cli的知识，单写的请忽略；最近有很多... 继续阅读 >
2020
09-27

Selenium向iframe富文本框输入内容过程图解

Selenium向iframe富文本框输入内容过程图解 前言在使用Selenium测试一些CMS后台系统时，有时会遇到一些富文本框，如下图所示：整个富文本编辑器是通过iframe嵌入到网页中的，手动尝试输入内容，发现内容是输入到iframe页面的body中的，这种富文本框怎么输入呢？我们也可以直接在body的源码上点击右键选择EditHTML,输入相应的html代码，达到向富文本框输入的目的，如下下图：以下是使用Selenium的操作方法只输入纯文本如果只输入不带格式的纯文本，可以先切换到这个iframe,然... 继续阅读 >
2020
09-27

vue与iframe之间的信息交互的实现

vue与iframe之间的信息交互的实现 说一下我的使用场景：在vue中使用百度地图，需要使用离线地图 先上代码然后细细品第一张图 第二张图第三张图 1.首先iframe引入你要嵌套的地址2.通过vue中给出的ref来获取ifarme的DOM元素如图中的this.iframeWin=this.$refs.iframe.contentWindow【拿到iframe的window对象】3.vue如何向iframe内传送信息可以通过H5新属性postmessage注释：【postMessage是有点类似于UDP协议，就像短信，是异步的，你发... 继续阅读 >
2020
09-24

解决webview内的iframe中的事件不可用的问题

最近做Android的Webview开发，使用iframe中嵌入了很多页面，嵌入的页面却不可用，最后发现是webView.setWebViewClient(newWebViewClient(){@OverridepublicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){returnsuper.shouldOverrideUrlLoading(view,url);}不要覆写shouldOverrideUrlLoading这个方法，覆写这个方法会拦截ifame中的事件。补充知识：Android原生WebView访问使用iFrame网页问题（... 继续阅读 >
2020
09-24

JS实现iframe中子父页面跨域通讯的方法分析

本文实例讲述了JS实现iframe中子父页面跨域通讯的方法。分享给大家供大家参考，具体如下：在非跨域的情况下，iframe中的子父页面可以很方便的通讯，但是在跨域的情况下，只能通过window.postMessage()方法来向其他页面发送信息，其他页面要通过window.addEventListener()监听事件来接收信息；#跨域发送信息#window.postMessage()语法otherWindow.postMessage(message,targetOrigin,[transfer]);otherWindow其他窗口的一个引... 继续阅读 >
2020
09-24

php+iframe 实现上传文件功能示例

本文实例讲述了php+iframe实现上传文件功能。分享给大家供大家参考，具体如下：我们通过动态的创建iframe，修改form的target，来实现无跳转的文件上传。具体的实现步骤1.捕捉表单提交事件2.创建一个iframe3.修改表单的target,指向iframe4.删除iframefile.html代码如下：<!DOCTYPEHTML><htmllang="zh-CN"><head><metacharset="UTF-8"><title></title></head><body><formaction="upfile.php"method="post"id="upfileForm"... 继续阅读 >
2016
04-06

如何防范的iframe非法嵌入

WEB工程师在iframe标签上的讨论一直不嫌少，包括其可以用来跨域，方便开发的特性。但另一方面它又不利于对页面进行SEO优化，并且会降低网站的安全性。说到iframe的安全性问题，利用iframe来非法嵌入正规官方网站的页面，同时在页面两边打着自己产品的标语，宣称自己与大网站合作进而推销自己产品的例子，并不少见。那么应该如何保护自己的网站不被非法分子利用呢？其实很简单，一小段JS代码即可：if(window!=top)... 继续阅读 >