iframe跳转影响到浏览器history

2024-10-24

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

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

window.history的跳转实质－HTML5 history API 解析

在上一浏览器跳转行为的测试中,我们看到了通过不同的方法操作浏览器跳转时,它的刷新表现有所不同,在这一文章中,将看看,为何会产生这样的不同?其背后的实质是什么?浏览器的访问历史记录到底是如何运作的呢? 1.简介 window.history是用来保存用户在一个会话期间的网站访问记录,并提供相应的方法进行追溯.其对应的成员如下: 方法:back().forward().go(num).pushState(stateData, title, url).replaceState(stateData, t

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版. 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转.结果如下图: 于是上网搜了一下阻止iframe跳转的办法,就是在iframe标签加上 security="r

WebView加载URL跳转到系统浏览器的解决方法

1.问题 webview加载url跳转到系统浏览器,用户体验非常的差 2.解决方法重写WebViewClient的shouldOverrideUrlLoading(WebView view, String url)使用view.loadUrl(url);加载url WebView webView= (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.loa

javascript iframe跳转问题

javascript iframe跳转问题如果在iframe里面有要点击跳转最外层的连接要只能用<pre> <div onclick="parent.location.href='/home/fwef/wef.html'" class="bianjibtn">编辑</div></pre> 用a标签实现 iframe 的链接跳转<pre><!DOCTYPE html><html>&l

阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页

问题:ios封装完之后,点击里边的按钮会跳转到网页上 ——小卡遇到这个问题就是这样解决的↓↓↓ 解决方法:建议将代码放到</head>标签前,当然,另外存为一个js 文件引用也是可以的呦~ <script type="text/javascript"> //iOS Web APP中点击链接跳转到Safari 浏览器新标签页的问题 devework.com //stanislav.it/how-to-prevent-ios-standalone-mode-web-

不跳转修改url（history.pushState)

有时候我们会想不跳转的情况下修改url 直接上代码吧: history.pushState(null,"","?test=123") 值得注意的是,为了用户安全,避免用户不小心跳转到另外一个不知名网站,第三个参数中,浏览器是不允许用户传一个跨域的url的

浏览器history对象

History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联. 语法: window.history.[属性|方法] 注意:window可以省略. History 对象属性 History 对象方法使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/j

Javascript iframe交互并兼容各种浏览器的解决方案

在Web前端开发中,我们经常会用到iframe这个控件. 但是这个控在内.外交互时,往往各个浏览器所用的关键字不同,很是麻烦,为了能够得到子iframe中的window对象,各家浏览器有着各家的指定,有的是window,有的是contentWindow等等也许还有我们不知道的. 但是从子页面访问父层页面,其本上大家都是window.parent就可以了. 那么通过这个特征,我们可以在子页面中,把自身的window对象传递给父页面就可以了,这样父页面就很轻松的访问子页面,再也不用靠虑如何从ifra

真正的让iframe自适应高度兼容多种浏览器随着窗口大小改变

今天有朋友问到我关于"iframe自适应高度"的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定.期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条.也就是当窗口放大时iframe没有自动跟随变大显得很小,或是当窗口缩小时iframe还是之前那么大就出现了滚动条.还有或是高度不准确,那么就达不到想要的效果了. 为什么需要使用iframe自适应高度呢?其实就是为了美观,要不然iframe和窗口长短大小不一,看起来总是不那么舒服,特别是对于我们这些编程的来说,如鲠在

【转】让iframe在iOS设备手机浏览器上支持滚动

HTML代码在使用IFRAME或者其他HTML元素时,你需要使用一个元素(如DIV)来包装他们: <div class="scroll-wrapper"> <iframe src=""></iframe> </div> 这个DIV将作为支持内部滚动的基础容器. CSS 代码要让IFRAME支持滚动,需要一个常用的CSS属性和一个很少人知道的CSS属性(property): .scroll-wrapper { -

浏览器history操作实现一些功能

返回拦截功能:从广告进入到落地页后,给history增加一个页面,拦截返回动作主要用到的是h5中的history对象,使用了pushState,和replaceState来操作. 并且加入了一些条件判断,包括 history.state, history.state.page,history.state.entered. 以上这些方法可以实现按需操作history对象. 但history操作后,按返回按钮其实是只更新url地址,不刷新页面的,最终的刷新页面,是用 window.onpopst

微信网页浏览器打开链接后跳转到其他浏览器下载APK文件包

做微信营销活动或者APK下载推广时候,是无法直接下载,做到微信中正常使用呢?这就要借助一些工具来实现有效的操作. 安卓手机的话是通过点击链接,直接跳转出微信.自动打开手机默认的浏览器.但是这个方法IOS的系统暂时还不行.所以只能写判断了. 演示地址:http://demo.liuy88.cn/wxjum_xf0108017.html

毕设之iframe跳转子页面问题

我的Django项目中的index.html分为三个层次,head.body.footer.其中body细分为left和right两部分,right的地图是使用iframe嵌入的map.html页面,如图1所示: 图1 map.html页面中的from表单用于提交用户输入的数据,当用户点击确认下单时,调用app中views相应的方法验证用户是否登陆,若没登陆则跳转到登陆页面,出现如图2所示的界面: 图2 登陆界面直接在map.html(子页面)中跳转,并没有在父页面中跳转. 解决方法如下: 出处

传统项目转前端工程化——路由跳转时出现浏览器锁死和白屏【该死的同步ajax】

[一开始我想到是该死的同步ajax,但我没验证,把他忽略了] 在探索前端工程化vue-cli做spa时,从搜索结果页跳转商品详情页时,因为详情页有很多ajax请求,并且都用的同步请求,就会导致请求时浏览器是锁死的,很久才会跳到详情页,搜了好多什么vue白屏什么的,最后发现一切是他娘的ajax同步导致的! 全部改成axios吧

iframe自适应高度(兼容多种浏览器)

http://jingyan.baidu.com/article/b87fe19eaeb2cf5218356896.html 让iframe自适应高度,下面是实现的源码: <div id="leamain"> <iframe src="#" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" w

iOS中点击按钮跳转到外部浏览器和内部打开

如图所示,需要实现点击一个按钮,跳转到指定网页: -(void)pushBtnCellClickDeleate{ NSLog(@"跳转"); //在APP内部打开指定网页 UIWebView *myWebView = [[UIWebView alloc] initWithFrame:CGRectMake(, , [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)]; NSU

response没有实现跳转,而是提示浏览器下载文件

问题简述: web项目中,response没能实现重定向跳转网页,而是通知浏览器下载文件. 代码如下: response.getWriter().write("<h1 style='color:red'>恭喜您注册成功,3秒后跳转到首页</h1>"); response.setHeader("refresh","3;url="+request.getContextPath()+"/index.jsp")

js控制iframe跳转

网页:<iframe src="" id="iframe_a" name="iframe_a" style="width:100%;height:600px"></iframe> js: parent.document.getElementById("iframe_a").src="ajax_user_center_mydownload.html"; 一句话

js iframe 跳转

iframe 页面内操作: //iframe指向指定页面 parent.document.getElementById("hot").src = $("#hidPageUrl").val(); //当前ifram 刷新 document.location.reload();

iframe跳转影响到浏览器history

热门专题