热门标签 | 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响应写出一个流,包括表的数据。


推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 在对WordPress Duplicator插件0.4.4版本的安全评估中,发现其存在跨站脚本(XSS)攻击漏洞。此漏洞可能被利用进行恶意操作,建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的,使用时需自行承担风险。漏洞编号:HTB23162。 ... [详细]
  • 整合百度UEditor编辑器于ASP后端的实现步骤与技巧
    随着微软停止对XP系统的支持,公司已全面升级至Windows 7。早期网站创建时使用的编辑器仅兼容IE6浏览器,而如今系统更新后,原有的编辑器已无法满足新环境的需求。本文详细介绍了如何将百度UEditor编辑器整合到ASP后端,包括实现步骤和实用技巧,确保网站在新系统下仍能高效运行并提供良好的用户体验。 ... [详细]
  • 本文旨在构建一个JavaScript函数,用于对用户输入的电子邮件地址和密码进行有效性验证。该函数将确保输入符合标准格式,并检查密码强度,以提升用户账户的安全性。通过集成正则表达式和条件判断语句,该方法能够有效防止常见的输入错误,同时提供即时反馈,改善用户体验。 ... [详细]
  • javascript学习笔记之10个原生技巧-1、原生JavaScript实现字符串长度截取复制代码代码如下:functioncutstr(str,len){   vartemp; ... [详细]
  • JavaScript使ifram跨域相互访问及与PHP通信的实例_javascript技巧
    iframe与主框架相互访问方法1.同域相互访问假设A.html ... [详细]
  • 本篇内容主要讲解“JavaScript在网页设计中的嵌入应用方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小 ... [详细]
  • IE下PHPiframe跨域导致session丢失问题的解决方法|一个登录页面,被别的网站用iframe嵌进去后,死活无法登录(只在IE中存在这种情况)。主要是session无 ... [详细]
  • 在多线程并发环境中,普通变量的操作往往是线程不安全的。本文通过一个简单的例子,展示了如何使用 AtomicInteger 类及其核心的 CAS 无锁算法来保证线程安全。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • MATLAB字典学习工具箱SPAMS:稀疏与字典学习的详细介绍、配置及应用实例
    SPAMS(Sparse Modeling Software)是一个强大的开源优化工具箱,专为解决多种稀疏估计问题而设计。该工具箱基于MATLAB,提供了丰富的算法和函数,适用于字典学习、信号处理和机器学习等领域。本文将详细介绍SPAMS的配置方法、核心功能及其在实际应用中的典型案例,帮助用户更好地理解和使用这一工具箱。 ... [详细]
  • JavaScript对象类型 ... [详细]
  • 老司机教你网络46种实使用的推广方法
    1、搜索引擎推广法众多中小企业,最热衷的就是这个短平快的方法。搜索网站的功可以就是整合网络资源,给网民找到最适合的网站内容,给其余网站带去流量是其意想不到的反作用。很多企业网站的网 ... [详细]
  • easyuilayout实战
    第一步: ... [详细]
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社区 版权所有