Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从网站嵌入特定的HTML元素?_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 如何从网站嵌入特定的HTML元素?,javascript,jquery,html,Javascript,Jquery,Html,我正试图创建一个网站,我可以存储在我的本地计算机上,并从该计算机的internet浏览器访问。在这个网站上,我想有来自其他几个网站的嵌入元素。我已经能够嵌入整个网站,但没有具体的元素 如何只嵌入网站中的特定元素,需要做什么 有问题的网站是,我想嵌入当天的漫画和漫画标题,我认为它们分别在元素和中。我相信您正在寻找的是iframe,您可以在这里了解所有这些: 下面的代码应该是您所需要的,我在URL中添加了对包含漫画的页面元素id的引用,即:“漫画”,以便iframe只显示图片,而不是整个页面 我相

我正试图创建一个网站,我可以存储在我的本地计算机上,并从该计算机的internet浏览器访问。在这个网站上,我想有来自其他几个网站的嵌入元素。我已经能够嵌入整个网站,但没有具体的元素

如何只嵌入网站中的特定元素,需要做什么


有问题的网站是,我想嵌入当天的漫画和漫画标题,我认为它们分别在元素和中。

我相信您正在寻找的是iframe,您可以在这里了解所有这些:

下面的代码应该是您所需要的,我在URL中添加了对包含漫画的页面元素id的引用,即:“漫画”,以便iframe只显示图片,而不是整个页面


我相信您正在寻找的是一个iframe,您可以在这里了解所有信息:

下面的代码应该是您所需要的,我在URL中添加了对包含漫画的页面元素id的引用,即:“漫画”,以便iframe只显示图片,而不是整个页面


这个代码片段正是我想要的

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

这个代码片段正是我想要的

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

你好我建议你读一些。至于你的具体问题,你可以右键点击你想要的图片,选择“复制图片地址”,然后把它粘贴到一个页面中。哦,等等,你的意思是加载当天的漫画,而不是一个特定的漫画。也许这会有帮助:嗨!我建议你读一些。至于你的具体问题,你可以右键点击你想要的图片,选择“复制图片地址”,然后把它粘贴到一个页面中。哦,等等,你的意思是加载当天的漫画,而不是一个特定的漫画。也许这会有帮助:2个问题,这对任何尺寸的漫画都有效吗?你也能得到漫画标题吗?@JesseMcDonald如果你想包括漫画标题,你可以做同样的事情,制作另一个iframe,但你不需要引用漫画,而是引用标题的id,它似乎被命名为ctitle。通常,我建议检索所有图片及其名称并相应地显示它们,这可以通过一些编程来完成,这样您就不必担心大小,但不幸的是,该网站的所有者似乎限制了对包含漫画的文件夹的访问,您可以在此处看到:,该链接返回404.2个问题,这对任何大小的漫画都有效吗?你也能得到漫画标题吗?@JesseMcDonald如果你想包含漫画标题,你可以做同样的事情,制作另一个iframe,但不是引用漫画,而是引用标题的id,它似乎命名为ctitle。通常,我建议检索所有图片及其名称并相应地显示它们,这可以通过一些编程来完成,这样您就不必担心大小,但不幸的是,该网站的所有者似乎限制了对包含漫画的文件夹的访问,您可以在此处看到:,该链接返回404。