Question

假设我有一个页面a.html，并希望使用来自其他页面<p id="name">NAME</p>的ID b.html元素来检索文本元素的文本。

Answer 1

使用jQuery的get method，非常简单：

$.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

如果页面在同一个域上，则可以使用jQuery.ajax（）或jQuery.load（）

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

Answer 3

你需要：

获取页面内容（您暗示Same Origin Policy不会出现问题，因此我不会讨论解决此问题。）
将其解析为HTML DOM
提取您关心的DOM部分
使用该DOM执行某些操作

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

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

如何使用Javascript访问其他页面的元素？

3 个答案: