`
y328771518
  • 浏览: 10736 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe跳转其他页面

阅读更多

一个点击按钮

<li id="li_map"><a href="javascript:void(0)" onclick="iFrameSrc('跳转jsp路径src','li_map')">明细查询</a></li>

 

 对应的function

function iFrameSrc(src, lid){// src , lid 为路径和id参数
		var ifm = parent.document.getElementById("iframepage");//获得父页面iframe对象
		ifm.src = src;//为父页面iframe的src赋值
		$("#my_nav").children().removeClass("active");//移除ID=“my_nav”的dom元素下一级的class
		$("#" + lid).addClass("active");//为当前dom元素添加class
	}

 

 

分享到:
评论

相关推荐

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    子窗口iframe跳转到父窗口

    ### 子窗口iframe跳转到父窗口的知识点详解 #### 一、背景介绍 在现代Web开发中,`iframe`(Inline Frame)是一种常见的技术,用于在当前网页中嵌入另一个网页或文档。通过`iframe`,开发者可以实现丰富的功能,如...

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    iframe 实现页面跳转 动态改变主题

    "iframe实现页面跳转"这个话题涉及到如何利用iframe来实现在不刷新整个页面的情况下,动态加载不同的网页内容,从而提供更好的用户体验。 首先,iframe的使用方式是在HTML代码中插入`&lt;iframe&gt;`标签,指定其`src`...

    iframe父页面与子页面通信及相互调用方法

    在网页开发中,`iframe`(Inline Frame)是一种嵌入其他HTML文档的元素,它允许我们在一个页面中显示另一个页面的内容。"iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及...

    使用Iframe实现TAB页面切换

    - 跨域通信:如果Iframe加载的页面不在同一域名下,需要考虑CORS(跨源资源共享)策略,确保Iframe内的页面可以正常访问。 - 安全性:防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题,尤其是在处理敏感...

    防止被IFRAME嵌套并自动跳到首页代码.rar

    3. 自动跳转:一旦发现页面被嵌入IFRAME,可以通过 `window.location.href` 改变页面的URL,使其跳转到预期的首页。 总的来说,这个压缩包中的代码是一种保护网站安全的实践,通过JavaScript来防止内容被非法嵌入,...

    使用iframe实现点击导航无刷新切换页面

    每个子页面都需要独立设计,但它们不会影响到主页面的其他部分。 **五、优化与安全考虑** 虽然`iframe`提供了便利,但也有其局限性和潜在的安全问题。例如,跨域策略限制了`iframe`加载不同源的页面,同时可能导致...

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    在iframe 中页面中设置遮罩遮罩层

    在这个例子中,我们可能在`main.html`中嵌入其他三个页面,例如: ```html &lt;!DOCTYPE html&gt; 主页面 /* 遮罩层样式 */ .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; ...

    js处理iframe的系列问题

    string strValue = "获取其他页面的值"; // 在Page_Load事件中设置值 Response.Write("&lt;script&gt;parent.document.all('TextBox1').value='" + strValue + "';&lt;/script&gt;"); // 如果TextBox2的值为'0',则将TextBox1的...

    iframe页跳转父窗体

    - 当用户通过链接或其他方式进入嵌有`iframe`的页面时,通常情况下`iframe`内部的页面不会影响到外部页面的状态。 - 但是,通过上述JavaScript代码,我们可以实现在满足一定条件的情况下,强制顶层窗口跳转到`...

    使用iframe在网页中嵌入其他网页的方法

    总结来说,`iframe`是一个强大的网页设计元素,它可以方便地将其他网页内容嵌入到当前页面中,通过调整其属性,可以实现定制化的展示效果。然而,在使用`iframe`时,也需要考虑到潜在的技术限制和用户体验因素。对于...

    ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    每个iframe都有一个id属性,以便于其他页面或控件对其引用。 左侧的iframe通过***的HyperLink控件和TreeView控件实现导航功能。HyperLink控件设置页面上“返回首页”的链接,而TreeView控件则提供了一个可展开的...

    后台管理禁止iframe刷新返回首页

    然而,`iframe`的使用有时也会带来一些问题,比如在后台管理系统中,当用户在某个子页面(如二级菜单页面)操作时,如果`iframe`刷新,可能会导致页面跳转回首页,这显然不是用户期望的行为。针对这个问题,我们需要...

    自动刷新页面+自动跳转和关闭

    ### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`&lt;meta&gt;`标签)、...

    IFrame中Session丢失的解决办法

    这种结构可能导致Session信息在IFrame与其父窗口或同一页面中的其他IFrame之间无法正确共享或识别。 ### Session丢失的原因 Session丢失在IFrame环境中的主要原因是浏览器的同源策略和Cookie管理机制。同源策略...

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    在Android设备上使用`iframe`,而在iOS设备上选择页面跳转,可以有效避免因`iframe`高度计算和弹框定位问题引发的用户体验问题。同时,对于其他可能出现的兼容性问题,比如iOS中的滚动条失效或页面宽度超出屏幕,也...

Global site tag (gtag.js) - Google Analytics