热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQueryForce设置iframe的src属性-jQueryForcesetsrcattributeforiframe

Ihaveamainpage(actuallyaJSP)withaniframeinsideitas;我有一个主页(实际上是一个JSP),里面有一个iframe;<

I have a main page (actually a JSP) with an iframe inside it as;

我有一个主页(实际上是一个JSP),里面有一个iframe;


Now there are multiple links on the main page (rendered dynamically via JSP) which can try to set the src to some URL...

现在主页上有多个链接(通过JSP动态呈现),可以尝试将src设置为某个URL……

Now my question is,using jQuery (may be live()), can I override that in such a way that the "src" attribute for abc_frame would always have some particular value (e.g. "somefixedURL")

现在,我的问题是,使用jQuery (may be live()),我是否可以重写它,使abc_frame的“src”属性始终具有某些特定的值(例如)。“somefixedURL”)

I cannot capture the link clicking, as it is completely dynamically created via some Java code and hence I am trying to override the iframe src ?

我无法捕获单击的链接,因为它是通过一些Java代码完全动态创建的,因此我试图覆盖iframe src ?

8 个解决方案

#1


133  

Use attr

使用attr

$('#abc_frame').attr('src', url)

This way you can get and set every HTML tag attribute. Note that there is also .prop(). See .prop() vs .attr() about the differences. Short version: .attr() is used for attributes as they are written in HTML source code and .prop() is for all that Javascript attached to the DOM element.

这样您就可以获取并设置每个HTML标记属性。注意还有.prop()。见.prop()与.attr()关于差异。短版本:.attr()用于属性,因为它们是在HTML源代码中编写的,而.prop()是所有Javascript附加到DOM元素上的。

#2


17  

if you are using jQuery 1.6 and up, you want to use .prop() rather than .attr():

如果您使用的是jQuery 1.6和up,您希望使用.prop()而不是.attr():

$('#abc_frame').prop('src', url)

See this question for an explanation of the differences.

请参见这个问题来解释这些差异。

#3


8  

While generating the links set the target to the iframes name property and you probably wont have to deal with jquery at all.

生成链接时,将目标设置为iframe name属性,您可能根本不需要处理jquery。



#4


5  

$(document).ready(function() {
    $('#abc_frame').attr('src',url);
})

#5


4  

  

This code takes the url-parameters (?a=1&b=2) from the page containing the iframe and attaches them to the base url of the iframe. It works for my purposes.

该代码从包含iframe的页面获取url参数(?a=1&b=2),并将它们附加到iframe的基本url。它对我的目的有效。

#6


3  

Setting src attribute didn't work for me. The iframe didn't display the url.

设置src属性对我不起作用。iframe没有显示url。

What worked for me was:

对我起作用的是:

window.open(url, "nameof_iframe");

Hope it helps someone.

希望它能帮助一些人。

#7


1  

You cannot set FIX iframe's src or prevent Javascript/form submit to change its location. However you can put script to onload of the page and change action of each dynamic link.

不能设置FIX iframe的src或阻止Javascript/表单提交来更改其位置。但是,您可以将脚本放置到页面的onload并更改每个动态链接的操作。

#8


1  

$(".excel").click(function () {
    var t = $(this).closest(".tblGrid").attr("id");
    window.frames["Iframe" + t].document.location.href = pagename + "?tbl=" + t;
});

this is what i use, no jquery needed for this. in this particular scenario for each table i have with an excel export icon this forces the iframe attached to that table to load the same page with a variable in the Query String that the page looks for, and if found response writes out a stream with an excel mimetype and includes the data for that table.

这是我使用的,不需要jquery。在这个特定的场景中为每个表我有附带一个excel导出图标这迫使iframe表加载相同的页面与页面的查询字符串变量查找,如果发现用一个excel mimetype响应写出一个流,包括表的数据。


推荐阅读
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 如何在HTML中获取鼠标的当前位置
    本文介绍了在HTML中获取鼠标当前位置的三种方法,分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]
  • jQuery实现简单的动画效果及用法详解
    本文详细介绍了使用jQuery实现简单动画效果的方法,包括显示/隐藏、向上收缩/向下展开、淡入/淡出、自定义动画等。同时提供了具体的用法示例,并解释了参数的含义和使用技巧。通过本文的学习,读者可以掌握如何使用jQuery实现各种动画效果,为网页增添生动和互动性。 ... [详细]
  • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
  • 本文由编程笔记#小编为大家整理,主要介绍了css回到顶部按钮相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 【clientX,offsetX,screenX】  【scrollWidth,clientWidth,offsetWidth】的区别
    一、深刻认识clientX,offsetX,screenX概念(来源于网络):clientX设置或获取鼠标指针 ... [详细]
  • 重学前端学习笔记(十八)JavaScript的闭包和执行上下文
    笔记说明重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加 ... [详细]
  • 摘要:我很喜欢看各个产品的Bug追踪系统,比如jQuery的BugTracker,因为在Bug系统中总能发现一些非常细节的问题࿰ ... [详细]
  • from:http:www.myquickphp.comarchives147(请求的跨域服务器不支持常规”?”查询请求时的解决方案)昨天第一次做VIP需求时,发现一 ... [详细]
  • Linux重启网络命令实例及关机和重启示例教程
    本文介绍了Linux系统中重启网络命令的实例,以及使用不同方式关机和重启系统的示例教程。包括使用图形界面和控制台访问系统的方法,以及使用shutdown命令进行系统关机和重启的句法和用法。 ... [详细]
  • Java实战之电影在线观看系统的实现
    本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
  • 展开全部下面的代码是创建一个立方体Thisexamplescreatesanddisplaysasimplebox.#Thefirstlineloadstheinit_disp ... [详细]
  • C++字符字符串处理及字符集编码方案
    本文介绍了C++中字符字符串处理的问题,并详细解释了字符集编码方案,包括UNICODE、Windows apps采用的UTF-16编码、ASCII、SBCS和DBCS编码方案。同时说明了ANSI C标准和Windows中的字符/字符串数据类型实现。文章还提到了在编译时需要定义UNICODE宏以支持unicode编码,否则将使用windows code page编译。最后,给出了相关的头文件和数据类型定义。 ... [详细]
  • iOS超签签名服务器搭建及其优劣势
    本文介绍了搭建iOS超签签名服务器的原因和优势,包括不掉签、用户可以直接安装不需要信任、体验好等。同时也提到了超签的劣势,即一个证书只能安装100个,成本较高。文章还详细介绍了超签的实现原理,包括用户请求服务器安装mobileconfig文件、服务器调用苹果接口添加udid等步骤。最后,还提到了生成mobileconfig文件和导出AppleWorldwideDeveloperRelationsCertificationAuthority证书的方法。 ... [详细]
author-avatar
专注自由近_515
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有