Question

我正在尝试创建一个网站，我可以存储在我的本地计算机上，并从该计算机上访问互联网浏览器。在这个网站上，我想要嵌入其他几个网站的元素。我已经能够嵌入整个网站，但不能嵌入特定元素。

如何嵌入网站中的特定元素，我需要做什么？

有问题的网站是http://xkcd.com，我想要嵌入当天的漫画和漫画标题，我认为它们分别位于元素<div id "comic">和<div id "ctitle">中。

Answer 1

我相信你要找的是iframe，你可以在这里了解所有相关内容：http://www.w3schools.com/tags/tag_iframe.asp

下面的代码应该是您所需要的，我添加了对包含URL漫画的页面元素的 id 的引用（即：https://www.xkcd.com/ {{ 1}}'）以便iframe只显示图片，而不是整个页面。

#comic

Answer 2

此代码片段完全符合我的要求

<h1 id="xkcd"></h1>

<script>

  function callback(data) {

    let comicPattern = new RegExp('<div id="comic">[^]*?<\/div>', 'gm');
    console.log(comicPattern);
    let comic = data.contents;
    console.log(comic);
    let newComic = comic.match(comicPattern);
    console.log(newComic);
    let filePattern = new RegExp('\/\/', 'g');
    let httpPattern = 'http://';
    let newComicFiltered = newComic[0].replace(filePattern, httpPattern);
    console.log(newComicFiltered);
    document.querySelector('#xkcd').innerHTML = newComicFiltered;

  }

</script>

<script type="text/javascript" src="http://allorigins.me/get?url=https%3A//xkcd.com&callback=callback"></script>

如何从网站嵌入特定的HTML元素？

2 个答案: