javascript - 如何使用 Javascript 访问另一个页面的元素？

Question

假设我有一个页面a.html，并且想要使用<p id="name">NAME</p>另一个页面的 id 元素来检索文本元素的文本b.html。

Answer 1

使用 jQuery 的get方法，很简单：

$.get('a.html', null, function(text){
    alert($(text).find('#name'));
});

原始 XHR 请求（按大众需求）：

var request = new XMLHttpRequest();

request.addEventListener("load", function(evt){
    console.log(evt);
}, false);

request.open('GET', 'a.html', true),
request.send();

Answer 2

你需要：

1. 获取页面的内容（您暗示同源策略不会成为问题，所以我不会讨论如何解决这个问题）。
2. 将其解析为 HTML DOM
3. 提取您关心的 DOM 部分
4. 用那个 DOM 做点什么

这是相当多的工作。jQuery将为您完成大部分工作：

jQuery('#element_to_load_content_into').load('a.html#name'); // Note use of fragment identifier

Answer 3

如果页面在同一个域中，您可以使用 jQuery.ajax() 或 jQuery.load()

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});