如何在我的网页中嵌入具有特定名称属性的网页的一部分？

Question

有一个网页。我们称它为 Example.html。我无法控制/更改此网页，但我想在我的网页中嵌入它的特定部分。

Example.html 网页的 HTML 代码如下所示：

<!--[stuff I don't want]-->
<form action="/example/index.pl" method="post" enctype="multipart/form-data" name="windyNights">

<!--[stuff I want!]-->

<\form>

<!--[stuff I don't want]-->

那么，如何在我的网页中包含我想要的内容而不包含我不需要的内容？有没有办法使用 name 属性以某种方式隔离它？

Answer 1

您可以使用 iframe 和要显示的特定 div 的特定 id，并根据您的目标 div 设置 iframe 的高度和宽度。 看例子：

#project_summary {
	width: 600px;
	height: 220px;
	padding: 15px 10px;
    background:black;
}

<iframe id="project_summary" src="https://towkir.github.io/projectindex/projects.html#rsp" scrolling="no" frameborder="0"></iframe>

分别访问 iframe 中的链接以了解发生了什么。

Answer 2

你可以试试

$('#target-div').load('http://www.example.com/Example.html form[name="windyNights"]');