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

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

你可以尝试

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

Answer 2

您可以使用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中的链接，了解发生了什么。