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