当前位置:首页 » 密码管理 » jqueryiframe跨域访问

jqueryiframe跨域访问

发布时间: 2022-08-18 21:31:28

❶ jquery操作跨域iframe

修改被引入的iframe页面呗?还有什么更好的办法,不打一句代码就出出现结果码 开玩笑

❷ iframe跨域且那个跨域那个网站东西我这边不能操作,我用jquery现实,可是样式会出问题~

你要操作什么,还有你iframe里的网站你能修改吗
不能修改的话建议用服务器端去获取,然后调用获取到的内容

javaScript 怎么跨域获取 iframe 中的内容

要解释这个问题,首先要解释两个技术点。

每个“窗口”都是一个JS Runtime,即JS的运行时。如果只有一个窗口,那么就只有一个Runtime;如果一个窗口下面还有一个iframe,那么就有两个Runtime;以此类推。

Runtime之间互操作(或者通信)是有跨域限制的。也就是说,如果这个窗口本身是a..com域名下的页面,那么如果这个页面下还有一个iframe,这个iframe中加载的页面是b..com域名下的。那么外层的JS。就不能跟这个iframe中的内容互操作(或者通信)。

因此外层Runtime中的JS想操作内层iframe中的内容,就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行document.domain = '.com';从而设置跟外层的主域相同。

例如,当前页面是a..com/test.html
<html>
<head>
</head>
<body>
<iframe id="iFrm1" src = ""margin: 0px; padding: 0px; color: rgb(69, 69, 69); font-family: arial, 宋体, sans-serif, tahoma, 'Microsoft YaHei'; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
iframe中加载的页面内容如下:
<html>
<head>
</head>
<body>
<div id="innerDiv">恭喜操作到内部iframe中的元素了!!!</div>
<script>
document.domain = '.com';
</script>
</body>
</html>

在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信,并且可以实现跨主域通信。但是有一些限制,1.老版本的浏览器一般不支持。2.父窗口只能向iframe中发送信息,iframe只能收消息,且父窗口不能直接操作iframe中的内容。3.父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain object。

❹ 如何用js操控iframe引用的跨域网站

<body>
<buttonid="btn">submit</button>
<iframesrc="http://www..com"id="frame"frameborder="0"></iframe>
</body>
<script>
varbtn=document.getElementById('btn');
varfr=document.getElementById('frame');
btn.addEventListener("click",function(){
fr.contentWindow.location.href="http://www.2345.com";
});
</script>

给按钮绑定个事件吧然后执行iframe.location.href="新闻页地址";

❺ jQuery(javascript)无法跨域,怎么解决是想获取iframe的框架里面的东西!!

这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

经过我在网上查资料,找到了JS操作iframe中HTML元素的方法。示例如下。
1function ShowExit() {
2//获取iframe的window对象3var topWin = window.top.document.getElementById("topNav").contentWindow;
4//通过获取到的window对象操作HTML元素,这和普通页面一样5 topWin.document.getElementById("exit").style.visibility = "visible";
6 }
说明:第一步,通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面(topPage.htm)所在的iframe对象;第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;第三步,通过上一步获取到的window对象来操作iframe框架中的元素,这和操作不在iframe框架中的普通HTML元素是一样的。
http://www.cnblogs.com/sunyunh/archive/2012/09/15/2687056.html

❻ jquery怎么操作iframe

使用jquery操作iframe
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值
3、在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

那选择id自然就是依然使用find方法
$(window.frames["iframe1"].document).find("#id")

4、 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

参考:http://www.cnblogs.com/xyicheng/archive/2010/02/26/1674017.html

❼ jquery load()怎么解决跨域加载页面 比如$("#id").load("www.demo.com/ct=index&ac=index") 谢谢!!!

通常解决跨域问题有两个方案,一是通过iframe,而是通过HTTP和反向代理服务器(诸如Apache、nginx等)。

由于iframe在在灵活性,样式、dom选取上存在各种各样的问题,因此我不推荐选用iframe。下面主要介绍通过反向代理解决这个问题的方法。

在诸多反向代理服务器中nginx以占用内存小,并发性能好着称,这里我们以nginx为例:

假设我们开发项目的域名为www.test.com,它想引入www.target.com中的某个部分。

如果我们直接写$("#id").load("www.target.com/?ct=index&ac=index")会有跨域警告,那么这时候我们可以换个方式。写成$("#id").load("www.test.com/to_target/?ct=index&ac=index")这样就不会有跨域问题了,下面的问题就是如何让/to_target指向target.com。这个要借助nginx来实现:

python">server{
listen80;
server_name

proxy_set_headerHost$host;
proxy_set_headerX-Real-IP$remote_addr;
proxy_set_headerX-Forwarded-Server$host;
proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;
proxy_set_headerReferer$http_referer;

#将/to_target/目录下的链接全部转发到www.target.com服务器上
location/to_target/{
proxy_pass

}
#配置www.test.com的服务器地址与端口号
location/{
proxy_pass

}

}

如果比使用的是Apache的话那么原理是一样的,配置上仿照上面修改即可

❽ jquery跨域访问内嵌框架的input name属性

首先你要了解怎么访问iframe里的元素 $("#IframeID").get(0).contentWindow().document.getElementsByTagName("div")[0].innerHTML = $('input')[0].value
这一段不会立即加载出来 ,原理跟获取iframe的高度一样 最好外面放一个setTimeout 时间自己测试下

❾ 如何用javascript 跨域获取iframe子页面的元素信息

jquery、contentWindow
$("#ii")[0].contentWindow
如果用jquery选择器获得iframe,需要加一个【0】;
$("#ii")[0].contentWindow.$("#dd").val()
可以在得到iframe的window对象后接着使用jquery选择器进行页面操作;

❿ 如何使用iframe实现跨域写入cookie 并且兼容大部分浏览器

假如
在网站A下通过iframe或ajax调用B下的内容时,默认情况下IE会阻止B写任何Cookie
//B里的被调用的页面需要写P3P头,从而解除IE对写Cookie的阻止
context.Response.AddHeader("P3P", "CP=CAO PSA OUR");
//A里通过ajax调用www.B.com里的内容时,是跨域访问,需要使用jsonp,为配合其工作需要添加下面两句,生成jsonp返回
context.Response.ContentType = "text/plain";
context.Response.Write(string.Format("{0}('OK')", context.Request["callback"]));
//jsonp调用进行跨域访问
jQuery.ajax({
url: url,
type: 'GET',
data: data,
dataType: 'jsonp',
success: function (data) {
window.location.href = toURL;
}
});

热点内容
战地配置有哪些 发布:2024-10-18 16:44:48 浏览:308
中国联通短信提示服务密码未完善是什么意思 发布:2024-10-18 16:42:17 浏览:709
c语言中非 发布:2024-10-18 16:21:20 浏览:143
招编程人员 发布:2024-10-18 16:19:37 浏览:422
什么数据类型存储图片 发布:2024-10-18 16:19:28 浏览:749
电脑维护服务器 发布:2024-10-18 16:18:51 浏览:435
取舍算法 发布:2024-10-18 16:12:36 浏览:249
安卓数据线一般在什么价位 发布:2024-10-18 16:09:25 浏览:732
老式安卓机怎么插卡 发布:2024-10-18 15:52:35 浏览:338
pc搭建nas服务器 发布:2024-10-18 15:51:59 浏览:266