iframe 页面回退

2024-11-02

解决 iframe 后退不是主页面后退（浏览器 history）问题

前言:项目中的主页面里有 iframe,切换 iframe 的 src 地址之后,再点浏览器的回退之后,会导致 iframe 里面回退,而不是主页面回退. 问题浏览器机制的原因,在 iframe 导航变化后手动点击浏览器的后退按钮也依然只是后退 iframe 中的导航. 但是我只想让父页面后退,并不想让 iframe 后退,但在改变了 iframe 的 src 后就达不到这样的效果. 解决不要修改 iframe.src,而是删除旧 iframe 元素,新建一个 iframe 元素并替换它,这

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

php如何实现页面回退的两种方法

发布:thatboy 来源:网络 [大中小] 你有没有遇到过这样的情况:表单出错而返回页面时,之前填写的信息全不见了.本文为大家介绍二种支持php页面回退的方法,供大家参考. 本文原始链接:http://www.jbxue.com/article/7025.html 方法1,使用Header方法设置消息头Cache-control 1 header('Cache-control: private, must-revalidate');//支持页面回跳方法2,使用session_cac

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.

前端魔法堂：屏蔽Backspace导致页面回退

前言前几天用户反映在录入资料时一不小心错按Backspace键,就会直接回退到是一个页面,导致之前辛辛苦苦录入的资料全部丢失了.哦?居然还有这种情况.下面我们来一起探讨一下吧! Windows系统下独有的行为 Windows下的IE.FireFox和Chrome 52之前的浏览器,当焦点不在一个可编辑的元素上时,按Backspace键就会回退到上一个页面,按Shift+Backspace键则会前进到下一个页面. 而Chrome 52以后的浏览器则屏蔽了Backspace和Shift+Ba

执行指定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

前端javascript如何阻止按下退格键页面回退但不阻止文本框使用退格键删除文本

这段代码可以: document.onkeydown = function (e) { e.stopPropagation(); // 阻止事件冒泡传递 e.preventDefault(); // 阻止浏览器默认事件的发生 // your code ) { // keyCode == 8 表示按下的回退按钮 } } 下面更正一下,上面的写法有一个比较严重的问题: 这种写法虽然屏蔽了回车键页面回退的功能,但同样,如果该页面有文本输入框,那么这个输入框将不能使用退格键进行文本删除: 下面给出一

获取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

如何在UWP中统一处理不同设备间的页面回退逻辑

已经有一段时间没有写博客来记录自己的学习点滴了.现在回想起来确实有些惭愧,期间经历了一些事情,到目前为止算是平息了,是时候该收收心来充实自己了. 在本篇缪文中,楼主打算给UWP开发的初学者讲述一个在开发中经常遇到的很现实的问题:页面回退逻辑 . 众所周知,UWP的应用程序理论上是可以运行在Windows上的各种设备上,其中包括Windows PC.WindowsMobile.XBox.IOT等.当我们的UWP应用程序运行在不同的设备上时,不同设备间的页面回退逻辑我们就要考虑周全,要考虑不同设备间

拿到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

阻止按下backspace键造成页面回退相像

在IE浏览器中,会出现当你使用鼠标选中input标签或者是textarea标签,或者啥也没选中的时候,按下backspace键会触发浏览器的回退. 针对以上问题的解决思路: 1. 当按下键盘时,判断当前按键是否为backspace 2. 如果是,获取当前光标选中的元素. 3. 如果不是input或者textarea,取消backspace的关联行为 4. 如果是,则判断是否为text,password等可编辑的文本框,如果不是,则取消默认行为(此处只需要判断inp

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

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

内嵌iframe页面在IOS下会受内部元素影响自动撑开的问题

IOS下的webview页面,内嵌iframe元素,将其样式指定为宽高100%: .iframe { width: %; height: %; } 在安卓下运行均无问题,但是在IOS下会出现异常. 具体表现为iframe页面内的子元素一旦超出原先的边界,只要能影响到html元素的宽高,就会自动撑开iframe,即使html元素设置了overflow:hidden也没用.比如一个body元素下的弹层需要从下往上滑动进场,这个弹层的位置就会导致html高度的变化,因此页面底部的tabbar就会在弹层

iframe 页面回退

热门专题