layui使用iframe页面定位

layui ：iframe 与 layer 的位置问题

最近有个项目是用 Layui 搭的,但是在layer的使用上遇到了问题. 简单的说,在父页面声明layer,在子页面中的子页面用window.parent调用那个父页面的layer. 讲道理应该是和iframe不相关的,但是却遇到了layer并没有垂直居中的情况. 我在看了layer算的高度之后,大胆猜测:layer的位置计算是有问题的. 它的计算用的并不是window.innerHeight,而是document.body.offectHeight ! 所以我们在使用时得手动修正它的位置. l

layui: 子iframe关闭/传值/刷新父页面

https://www.cnblogs.com/jiqing9006/p/5135697.html layer iframe层的使用,传参父层 <div class="col-xs-4 text-left" style="padding-left: 50px;"><button type="button" class="btn btn-success" onclick="addCategory

《手把手教你》系列技巧篇（四十六）-java+ selenium自动化测试-web页面定位toast-下篇（详解教程）

1.简介终于经过宏哥的不懈努力,偶然发现了一个toast的web页面,所以直接就用这个页面来夯实一下,上一篇学过的知识-处理toast元素. 2.安居客事先声明啊,宏哥没有收他们的广告费啊,纯粹是为了学习和实战的. 2.1被测网址 1.被测网址的地址: https://login.anjuke.com/login/form?history=aHR0cHM6Ly9iZWlqaW5nLmFuanVrZS5jb20v 2.网页如下图: 2.2代码设计 2.3参考代码 package lessons

iframe页面二次登录问题

原文链接:iframe页面二次登录问题生产问题问题背景由于历史原因,公司内部系统有一些页面是基于iframe嵌入的其他系统的页面,之前一直运行正常,最近不知什么原因接连出现访问所有iframe页面时提示需要登录的情况,并且点击iframe页面的登录按钮时会出现页面闪一下,没有任何跳转的现象. 问题显而易见,怎么解决呢?透过现象看本质,旁边业务还在催问什么时候能恢复,只能硬着头皮一步步分析着看. 首先,这些系统都接入了公司内部的sso服务,主体系统A已经成功登录的情况下,内嵌系统B还需要二次

iframe页面总是提示需要重新登录怎么办

原文链接:iframe页面二次登录问题生产问题问题背景由于历史原因,公司内部系统有一些页面是基于iframe嵌入的其他系统的页面,之前一直运行正常,最近不知什么原因接连出现访问所有iframe页面时提示需要登录的情况,并且点击iframe页面的登录按钮时会出现页面闪一下,没有任何跳转的现象. 问题显而易见,怎么解决呢?透过现象看本质,旁边业务还在催问什么时候能恢复,只能硬着头皮一步步分析着看. 首先,这些系统都接入了公司内部的sso服务,主体系统A已经成功登录的情况下,内嵌系统B还需要二次

iframe于iframe页面之间的函数相互调用

因为iframe页面于包括父页面在内的其他页面通讯有跨域问题,所以只有在服务器环境下或者火狐浏览器下才能测试. 在iframe页面调用父页面的函数采用parent,例子:在父页面有一个say()函数,在iframe页面可以这样调用parent.say(); 如果在页面内有多个iframe,可以用parent[0],parent[1]...这样定位到某个iframe. 1.在index.html页面下有iframe1.html 和 iframe2.html. <!DOCTYPE html><

layer.open打开iframe页面的调用父页面方法及关闭

//调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面var index = parent.layer.getFrameIndex(window.name); //获取窗口索引parent.layer.close(index); //父类方法 function exportData(shownum,splitstr){ //TODO }

jQuery 互相调用iframe页面中js的方法

1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID. 3,jquery 调用子iframe页面中js的方法: iframefunction()是子页面的方法 $(window.parent.document).contents().find("#iframename")[0].conten

lhgdialog: iframe页面里面的，确定，关闭、取消按钮的操作

lhgdialog: iframe页面里面的,确定,关闭.取消按钮的操作如果你正在用lhgdialog,用他人iframe,或者 content:'url:http://www.baidu.com/a.html',的功能,刚好a.html页面有,一个关闭/取消按钮.当你模拟操作,想取消弹出框,就是点击取消按钮.那么这个取消按钮的代码怎么写呢 ? 看图: 方法一: 直接在取消按钮上面增加onlick事件 onclick="frameElement.api.close()" 方法二:

asp.net中iframe页面用jQuery向父页面传值

在asp.net页面有时一个页面会通过iframe嵌套另一个页面,下面的例子讲述的是被嵌套的iframe页面向父页传值的一种方式,用jQuery即可. iframe页面代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Iframe页面<

iframe页面调用父窗口JS函数

A页面iframe 页面B, 此时如果要在B页面调用父页面A的函数 B页面写法 parent.functionName(); 错误1: 解决办法 var js_domain_async = 'baidu..com'; document.domain = js_domain_async; 错误2: is not a function 解决办法 <script type="text/javascript"> function functionName(){ } </sc

iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。

实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). 遇到的问题是当iframe选择充值卡时,无法获取parent页面input部件value值的change事件. parent页js $("#id_card_type").change(function(){ //事件无法捕获 }); parent页form <form id=&qu

iphone在iframe页面的宽度不受父页面影响，避免撑开页面

工作中有个需求,就是产品页面通过iframe引用显示产品协议页,要求不要横向滑动,只需要竖向滑动,但在iphone中引用的iframe会撑开父页的宽度,而在android端浏览器这不会. <div style="width: 100%; height: 300px; overflow-x: hidden; overflow: scroll; -webkit-overflow-scrolling: touch;"> <iframe src="contract.

执行指定iframe页面的脚本

mark一下,通过jQuery执行指定iframe页面里面的脚本,当前仅知道页面名称. $(window.top.document).find('iframe[src="pagesrc"]')[0].contentWindow.FunctionName(); pagesrc:指的是运行时,页面的src具体值,比如page.html FunctionName:指的是page.html页面里面具体的方法名称,如test(); 纯js方法 for (var i = 0; i < win

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

html页面嵌套两个iframe页面导致第二个iframe页面高度失效的问题

1:这是因为最里面嵌套的iframe页面html和body高度无法设置问题,我的解决办法是js去控制iframe高度 2:js获取最子页面(content内容区域)的高度 var ifremHeight = $("#htmlid").height(); $('iframe').css('height',ifremHeight+'px');这是最子页面的父亲页面的iframe

拿到iframe页面里面的变量及元素的方法

先严重差评一下,用这种方法window.parent.document.frames['layui-layer-iframe1']不行!而且frames方法存在浏览器不兼容问题(貌似火狐不行) 页面document明明就拿到的iframe元素接下来考虑用jquery来拿,亲测可行,但是!jquery又怎么拿得到iframe页面里面的js变量,拿不到的,这个方法等于$(document),拿拿页面元素还可以... parent.$("#layui-layer-iframe1").con

iframe页面刷新问题

1.问题:当iframe的页面加载过再关闭之后,如果iframe的src没有发生变化,js不会重新加载,再次打开页面不会刷新: 2.解决方法:关闭页面时清空src,再次打开时即可重新加载最新数据. $scope.updateCandidateUserValue = function (data) { $scope.assignment.candidateUsersName = data; $scope.selectUserURL = ""; document.getElementByI

js 获取iframe页面元素

js 获取iframe页面元素 CreationTime--2018年8月16日18点00分 Author:Marydon  <iframe id="myframe" src="<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>" height="100%" wi

Asp.net MVC访问框架页中嵌套的iframe页面时，如果session或cookie过期，登录验证超时怎样自动跳转到登录页

一般登录验证的过滤器中,使用验证过滤器的Redirect方法,将请求重定向到指定的URL.但是如果我们要访问的页面是一个嵌套在框架页中的iframe页面时,这种重定向只会对iframe页面凑效,也就是会将iframe也重定向到登录页,这样就有违我们的目的了.所以我就尝试了很多方法来实现让整个页面重定向到登录页的目标,接下里我就来分享一下我的心路历程~~如果想看解决方法,可以直接拉到最后,忽略我的啰啰嗦嗦~~ 首先,我尝试了替换掉Redirect,改用了Write方法,意在将指定字符串写入HTTP

scroll 滚动到指定位置触发事件 and 点击一按钮/链接让页面定位在指定的位置

scroll 滚动到指定位置触发事件:$(function(){ $(window).scroll(function() { var s =$(window).scrollTop(); if (s>=782) {//782是导航条离页面顶部的距离(px) $('.nav').addClass('fixednav'); } else{ $('.nav').removeClass('fixednav'); } });}); px; width:100%; z-index:100000; _posit

layui使用iframe页面定位

热门专题