IE中iframe中锚点点击显示总是与浏览器顶部齐平

2024-08-29

iframe内点击a标签禁止滚动到顶部

在iframe内加载的表中,操作下的按钮用a标签布局,但是会出现一个非常不好的体验,就是当页面有滚动条的时候,点击a标签,列表会自动滚动到顶部. 首先看我的a标签: <a href="#" onclick="audit(this,'$!obj.id')">审核</a> 原因: 应该是浏览器会把 "#" 当作是一种页面跳转的口令,接到这个口令就会把页面滚动到原始位置. 解决方案: <a href="javas

页面中iframe中嵌入一个跨域的页面，让这个页面按照嵌入的页面宽高大小显示的方式；iframe嵌套的页面不可以编辑的问题解决方案

<html> <head> <style> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; } </style> </head> <body> <iframe src="http://gongkai.kaipuyun.cn/databaseInfo/index"

关于js中iframe 中 location.href的用法

关于js中"window.location.href"."location.href"."parent.location.href"."top.location.href"的用法 A页面:<iframe src="b.html" frameborder="0"></iframe>B页面:<iframe src="c.html" frame

jquery a标签的锚点点击的时候页面上缓慢滚动

a标签增加一个名字触发效果: $(".transition").click(function(){ if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $targ

从后台读取项目文件在前端iframe中展示

项目中有个需求是: 对于外部提供的前端项目,包含css.js.html.图片等的项目,将这个项目存进数据库,然后iframe中展示html,然后html中引用的js.css等文件也能从数据库中读取并正确的展现: 所以其实我们这边分为两步: 1)将整个项目,中的所有文件,js.css等都以路径形式存进数据库,路径其实就是js等文件在html中的引用路径: 2)iframe中引用了HTML,然后html中js等文件从数据库读取出来,正确引用: (其中,参考了博客: https://www.cnbl

vue中，实现锚点定位及跳转（url不发生变化）

<div class="footer" @click="returnTop"> methods:{ returnTop:function(){ document.querySelector("#header").scrollIntoView(true); } } document.querySelector("要返回地方的id").scrollIntoView(true); 如果滚动页面也是DOM没有解决的一个

点击a标签，跳转到iframe中，并在iframe中显示指定的页面

点击a标签,跳转到iframe中,并在iframe中显示指定的页面 1.用a标签的target属性 <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"></iframe> <a href="../XX.action?codeInfo=Demo123" target="myFr

在其他系统Iframe中显示SharePoint 页面

前段时间在做一个项目,要求将SharePoint 的 OWA(Office Web Apps)中的文档显示页面嵌入到另外一个OA系统中,提供给用户可以通过浏览器查看SharePoint文档的能力. 嵌入我们能想到的方法就是 Iframe,这里我们暂且忽略可能存在的SSO问题. 当将SharePoint页面嵌入到Iframe中的时候,遇到了一个问题. "此网页不能显示在一个框架中 --",后来经过反复的查找原因,也参考了国外的网站内容. X-Frame-Options 就是它折磨了我一天

如何获取url中的参数并传递给iframe中的报表

在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数呢?以下用报表软件FineReport简单介绍一些. 具体实现过程将报表生成页面时,给网页添加onload事件,首先获取url中的参数,然后嫁接到iframe的src上,或者通过获得的参数拼接处完整的报表url赋给iframe的src. <html> <head> <title

easyui 中iframe嵌套页面，提示弹窗遮罩的解决方法，parent.$.messager.alert和parent.$.messager.confirm

项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由于center区域是iframe嵌套的,所以里面的小弹窗无法覆盖页面的头部和左边目录栏. 情形一.点击提示弹窗里的确认后,提示弹窗消失: //warnTips为传入的值,例如successMask(“确定要删除选中的数据吗?”) function successMask(warnTips){ par

iframe中，页面转换后回到页面的顶部

看到网上有这样描述的: 现在A页面内分为上下两个部分,上部分是top,下部分分左右,左是treeview右边是iframe,iframe内嵌一个B页面,B页面的内容实质上是个月刊,可以理解为杂志,里面有很多转向到其他页面的连接,问题来了. 如果现在我浏览A页面很长,浏览器滚动条在中间,当我点击B页面的某个连接时,iframe内的页面变了,但是A页面整体无变化,这时滚动条还是在中间的部位,造成的为题就是我看到的iframe里面的内容不是文章的头部,而有可能是直接看到中间部位甚至是尾部(因为我的if

Firebug中调试中的js脚本中中文内容显示为乱码

Firebug中调试中的js脚本中中文内容显示为乱码设置页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏中的"选项"---"重置所有FireBug选项"即可正常使用

解析Jquery取得iframe中元素的几种方法

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(&qu

在VMware中安装ubuntu出现菜单栏无法显示的情况

在VMware中安装ubuntu出现菜单栏无法显示的情况其实这个问题的原因时由于VMware中enable了3D图形加速界面,只需要shutdown当前运行的虚拟机,然后在虚拟机,设置,显示器,3D图形中把3D图形勾选取消就ok了~ 另外,在Linux中安装VM tools,也很简单,VMware本身自带了VM tools的安装光盘,点击VMware中的虚拟机,重新安装vmtools就可以了,然后会在Linux中弹出vmtools的安装光盘, 在Linux中将光盘解压,解压VMtools后面跟

discuz x3在DIY模块中调用伪静态不成功，显示动态链接的解决办法

discuz x3在DIY模块中调用伪静态不成功,显示动态链接,然而其他的链接正常显示伪静态. 后台启用伪静态后,发现论坛版块.帖子点击链接,伪静态正常显示,然后在门户首页DIY显示的帖子,点进去后发现链接还是动态的链接,不宜被搜索引擎抓取. 解决办法: 第一步:前台管理员登录 --> DIY -->编辑(伪静态问题模块) -->模块模板(如下图) 第二步:查看模块模板里的代码会发现: <a class="pic" href="{url}"

iframe中在父窗口打开子页面

我们在做页面框架的时候,通常会采用一个iframe来显示子页面,但有这么种情况,就是session失效时,登录页面就会显示在iframe中,这不符合常理,一般应该显示在顶部才对. 下面的js代码可以解决上述问题,只需要在登录页面添加如下代码: <script type="text/javascript" > /**有父窗口则在父窗口打开*/ if(self!=top){top.location=self.location;} </script> 转自:http:

【转】【已解决】Android中ActionBar中不显示overflow（就是三个点的那个按钮）--不错

原文网址:http://www.crifan.com/android_actionbar_three_dot_overflow_not_show/ [问题] 折腾: [记录]继续尝试给Android程序的右上角的ActionBar中添加三个点的选项按钮期间,已经按照官网的教程: Action Bar | Android Developers 去添加代码,增加menu,然后显示在ActionBar中了. 但是遇到的问题是: 对于menu的item,没有指定android:showAsAction

ListView中响应item的点击事件并且刷新界面

---恢复内容开始--- 最近在在实现listview功能中遇到了这个问题: 点击事件写在了adapter的item中,不知道如何在listview的点击事件中更新数据的显示: 总结:1.要使用notifyDataSetChanged();刷新界面需要满足setAdapter时传入的存储数据的对象是同一个,并且数据要发生改变; (setAdapter时传入的List集合中存储bean对象,setadapter(this,List<Info> list),对bean对象的数据进行修改后,要进行更

springmvc中返回页面，只在iframe中跳转，而不是整个页面，解决方法。

问题描述:在我写的主页面中用到了iframe,其中在iframe中有一个button点击提交,然后在Controller中返回页面的时候,是在iframe中打开的,而不是整个页面. 最开始我想用ajax来提交表单,然后用parent.location.href()来进行整个页面的跳转,但是不知道为什么,ajax请求一直返回错误,进入error页面,并且我其他的ajax没有问题,坑最后在用这个方法解决了: @RequestMapping(value = "/test", method

关于如何获取iframe中的元素

今天研究了一下iframe中元素的获取,发现有些地方还是有点坑的. 首先:如果使用纯前端手段,是没有办法获取非同源的iframe中的元素的,后面会提到后端手段一.同源环境 1.首先在父页面获取iframe中的window,然后获取元素,根据window,不仅可以获取元素,还能调用里面的方法,前提是绑定在window上面 ].contentWindow; ifW.document.getElementsByClassName('wrap') 2.在iframe中获取父页面的window wind

【学习】如何用jQuery获取iframe中的元素

(我的博客网站中的原文:http://www.xiaoxianworld.com/archives/292,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) 说实在的,以前真的很少用到iframe,可最近公司把主要精力放在了研发后台系统上,所以iframe的出场就高了.今天写一个小知识,如何获取iframe中的元素.js原生方法我就不写了,毕竟还是对jquery情有独钟,用到的是contents()方法,请看官方解释:http://www.w3school.com.cn/jq

IE中iframe中锚点点击显示总是与浏览器顶部齐平

热门专题