请记住,您通常只能与$(..).load(
当前所在域中的页面或没有 CORS 限制的域建立直接连接(如使用)。(绝大多数站点都有 CORS 限制)。如果您想从具有 CORS 限制的跨域页面加载内容,您必须通过您的服务器发出请求,并让您的服务器向其他站点发出请求,然后响应您的前端带有响应的脚本。
对于这个问题,如果你想在没有jQuery 的情况下实现这个结果,你可以在响应文本上使用 DOMParser,将其转换为文档,然后你可以在该文档上使用 DOM 方法来检索元素,将其解析为所需,并将其(或从中检索的数据)插入当前页面。例如:
fetch('b.html') // replace with the URL of the external page
.then(res => res.text())
.then((responseText) => {
const doc = new DOMParser().parseFromString(responseText, 'text/html');
const targetElementOnOtherPage = doc.querySelector('img');
const src = targetElementOnOtherPage.src;
document.querySelector('#id').insertAdjacentHTML('beforeend', `<img src="${src}">`);
})
.catch((err) => {
// There was an error, handle it here
});