从不同域加载和操作我的页面元素

Posted

技术标签:

【中文标题】从不同域加载和操作我的页面元素【英文标题】:Load and manipulate on my page elements from different domain 【发布时间】:2017-11-06 04:15:23 【问题描述】:

我正在尝试从我的页面加载一个 div,其中包含不同域页面的内容。 我尝试使用<object><iframe>,内容已加载,但我不允许使用 jQuery 操作它。 另外,我有同样的错误:

XMLHttpRequest 无法加载“URL”。没有“访问控制允许来源” 请求的资源上存在标头。起源 'http://localhost:15297' 因此不允许访问

,当我尝试时

$.get("URL", function (data) 
    $("#divID").append(data);

是否有任何解决方法可以使用 jQuery 从不同的域页面加载和操作内容?

【问题讨论】:

如果您不控制远程页面上的代码,您也不能在浏览器中执行任何操作。另一种方法是使用服务器端代理 【参考方案1】:

您需要使用 postMessage 组织子页面和父页面之间的连接。

似乎这个库可以帮助你https://github.com/travist/seamless.js

【讨论】:

以上是关于从不同域加载和操作我的页面元素的主要内容,如果未能解决你的问题,请参考以下文章

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

从不同的域操作 iframe

在js中获取到的页面元素为undefined

阻止 CSS 转换在页面加载时触发

webdriver定位页面元素时使用set_page_load_time()和JavaScript停止页面加载

我的 HTML Div 元素在页面加载时立即消失