Question

.Hello

如果我的html文件中有链接集合：

<UL class="collection-o-links" style="list-style-type:none">
 <LI><a href="page1.html"> Page A </a></LI>
 <LI><a href="page2.html"> Page B </a></LI>
 <LI><a href="page3.html"> Page C </a></LI>
</UL>

并在同一个html中阅读JavaScript，而不是.js：

<script>
$(document).ready(function() {
  var links = $(".collection-o-links li");

  // some code
}
</script>

我的问题是，是否可以将一个html文档中列出的collection-o-links读入另一个html文档JavaScript。

Answer 1

您可以使用jQuery的 get method 轻松实现此目的：

$.get('second_page.html', null, function(text) {
    console.log($(text).find(".collection-o-links li"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

或者，如果不依赖jQuery，可以使用JavaScript的 XMLHttpRequest 方法完成：

var request = new XMLHttpRequest();

request.addEventListener("load", function(evt) {
  console.log(evt);
}, false);

request.open('GET', 'second_page.html', true),
  request.send();

请注意，第二页上必须出现Access-Control-Allow-Origin标题才能使用这两种方法。

希望这有帮助！：）

从另一个HTML读取集合

1 个答案: