SSM中使用iframe

2024-08-23

做贴吧系统，偶然发现使用iframe的弊端

个人拙见常听人说起现在不建议使用iframe框架,而我却一再使用,也许是能力有限,一直没在意有什么弊端. 我这此使用的事左右iframe框架,并且只在主页中定义了大背景,每个页面并没有分别定义背景, 当在浏览器中,使用右键选择在新窗口打开的时候,弊端自然显露. 另外在浏览器蜘蛛爬行时遇到iframe会认为站点为死站点,被搜索引擎视为不友好的表现. 二月七日来补充一下浏览器解析当前页面html代码,不会解析iframe中src链接内部的内容. 内部网站比如OA系统一般不需要考虑网站

div中加入iframe，可以实现Ajax的功能

div中加入iframe,可以实现Ajax的功能,如果查询的时候,比如说城市的选择,用Ajax去实现, 在.net 可以考虑用UpdatePanel,但是点击了查询刷新表格(表格需要重新刷新加载,非纯数据加载)又把原来的选择的城市给清零了. 用iframe可以有效的解决问题. <script type="text/javascript"> function searchSupplier(id) { document.getElementById('iframe1').src

Jquery中获取iframe的代码方法

父窗口中操作iframe:window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口:window.parent.document 那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法. 获取页面的对象其实就是dom方法外面加上jquery的选择符: 父窗口中操作iframe:$(window.frames["iframeChild&qu

父窗口中获取iframe中的元素

js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click(); 2. 格式: var obj=document.getElementById(&quo

解决boostrap中，iframe渲染下，苹果手机横向无法显示剩余内容问题

描述: 问题解决了,采用的手势拖动显示剩余内容,并不是有了横向滚动条在head标签中加入 <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta

在iframe窗体内获取父级的元素；；在父窗口中获取iframe中的元素

在iframe中获取父窗口的元素 $(‘#父窗口中的元素ID’, parent.document).click(); 在父窗口中获取iframe中的元素 $(“#iframe的ID”).contents().find(“#iframe中的控件ID”).click();

子窗口访问父页面iframe中的iframe，top打开的子窗口访问父页面中的iframe中的iframe

子窗口访问父页面iframe中的iframe 子窗口访问最顶层页面中的iframe中的iframe top打开的子窗口访问父页面中的iframe中的iframe top打开的子窗口访问最顶层页面中的iframe中的iframe ================================ 蕃薯耀 2018年2月5日 http://www.cnblogs.com/fanshuyao/ 页面情况说明: 页面使用jquery eayui架构,主页是一个普通页面(main页面),然后打开一个tab标

jquery中获取iframe的id的方法：

jquery中获取iframe的id的方法: var frameId = window.frameElement && window.frameElement.id || ''; alert(frameId); 比如有个 <iframe id="FrameX" src="../index.html" scrolling="no" frameborder="0" > 用以上方法获取到后就显示Frame

在vue项目中通过iframe引入jquery项目

最近公司因为原来的jq框架存在的问题太多,所以要进行主题框架的重新搭建,我使用的vue进行的主题框架的重新搭建,但是原来的页面已经完成很多了,而且都是使用的jquery进行开发的在vue中引入jquery项目的关键就是在组件中通过iframe进行引入,在开发的时候把原来的jquery放在public文件夹下,在通过iframe引入的时候的地址使用绝对路径的方法,而路径的根目录就是public,其余的配置按照正常的vue项目开发,进行路由的配置 static是放在public文件夹下的在对if

页面中获取 iframe 中的值

3.页面中获取 iframe 中的值 var obj=document.getElementsByClassName(".ke-edit-iframe").contentWindow; var obj1=obj.document.getElementsByClassName(".ke-content"); var val=eval(obj1).html();

隐藏Layer中的Iframe内部元素

隐藏Layer中的Iframe内部元素 1.Layer:一个web弹出层/窗解决方案 2.隐藏Layer弹出层中Iframe内部的元素,例子如下: 这个就是在Layer弹出层内的内容,加载完毕之后,获取弹出层的内容.Success的回调函数中的第二行就是获取iframe内id为foot的元素,然后调用hide(),即隐藏该元素 3.当Layer弹出层里面包含多个tab页时,且每一个tab里面都是iframe元素,此时如果想要隐藏iframe内部页面中的元素,可以在Layer弹出层的url指向页面

页面中嵌套iframe，微信浏览器长按二维码识别不了

问题:在微信浏览器内,页面中嵌套iframe,iframe中用户触发事件后有个弹框会显示二维码,用户长按二维码可以识别并跳转.尝试了一下,安卓是正常的,但是ios是识别不了的. 解决过程: 1.这里客户给的并不是一个二维码的图片地址,而是需要跳转的地址.首先需要先把跳转地址生成二维码. 这里用的是qrcode.js html:作为生成二维码的容器 <div id="autoCode"></div> js:这里需要引入qrcode.js. 我这里放在静态文件里,大

Easyui dialog中嵌入iframe

如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html, 如果想加载把其他页面加载进dialog的iframe中,属性就要改用content. 引用: <link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquer

selenium中定位iframe框

这是使用谷歌看到的源码.想要往里面输入内容,需要使用js. 这个iframe没有id,不能通过id直接定位到.但可以通用TagName来定位到iframe. WebDriver中定位的代码如下: String js="document.getElementsByTagName('iframe')[0].contentWindow.document.body.innerHTML='在iframe框中输入的内容'"; 2 ((JavascriptExecutor)driver).execu

angularjs 中的iframe 标签 ng-src 路径

如果直接写路径到iframe标签里的ng-src中会出现报错: 解决方法: 1.ng里面有个属性是专门用来解决跨域问题的 $sce. 用法: $scope.someUrl = $sce.trustAsResourceUrl('路径');例: <ul class="nav nav-tabs" ng-repeat="item in [1,2,3,4]"> <iframe ng-src="{{someUrl}}" height=&qu

SSM中（Spring-SpringMVC-Mybatis）（二：整合）

使用Maven整合一个SSM,当然要配有Maven环境,Maven的环境配置自行百度,挺好配的创建一个Maven项目以后,目录结构如图所示: 然后就是各部分配置: 首先pom导入依赖jar包: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http

在IFrame中查找IFRAME中的元素的方式

下面是内部iframe找外部mainFrame的情况 var websiteSearchButton = window.parent.parent.document.getElementById('mainFrame') .contentWindow.document.getElementById("webresource-search-button"); iframe中1.子页面找符页面中的元素$(window.parent.document).find(id);2.父

ssm中逆向工程与分页的应用

昨天对springboot中的mybatis逆向工程与分页应用进行了整理,今天对ssm项目中的逆向工程与分页进行整理. 项目运行环境:eclipse+jdk1.8+maven+tomcat 一.搭建ssm项目首先新建maven project,项目Archetype选择:maven-archetype-webapp,项目新建完毕,会出现生成的index.jsp报错. 造成原因:项目没有依赖javax.servlet相关类包,这些类包在tomcat类库中有两种解决方案: 方法一:添加依赖 <d

jquery中对 iframe的操作

我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述查找匹配元素内部所有的子节点(包括文本节点).如果元素是一个iframe,则查找文档内容示例描述: 查找所有文本节点并加粗 HTML 代码: <p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>jQuery 代码: $("p")

如何在ie6/ie7/ie8中实现iframe背景透明

最近做了一个项目,涉及到ie8iframe背景透明的问题,做了老半天,才把它搞定的,现在把我的经历贴出来和大家分享: 众所周知的根据W3C CSS 2.1 规范规定,''''background-color'''' 特性的默认值为 ''''transparent'''',即透明:但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent,而是 #FFFFFF;也就是变成了白色的. 其实,有一点我们是要注意的,也是必须知道的,在iframe中这个背景是其本身,不是iframe

Chrome浏览器中使用 iframe 嵌入网页导致视频不能全屏的问题解决方法

今天无意中测试了下在 iframe 中嵌入视频, 发现全屏按钮在 Chrome 浏览器中居然无效, 试了好几个视频网站的视频都不能全屏, 但在其他浏览器中似乎都很正常, 应该是 Chrome 60 新版本对权限的控制都越来越严格精细的原因按钮点了没反应, 始终不能全屏解决办法也很简单, 就是增加一个属性 allowfullscreen 就行了例子: <iframe src="https://v.qq.com/x/cover/vtxb95np45a6ooz.html#mod_playe

SSM中使用iframe

热门专题