ウェブページ内に特定の名前属性を持つウェブページの一部を埋め込むにはどうすればよいですか？

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

それでは、どのように私は、私は必要のないものを含めずに、私は自分のWebページで必要なものが含まれていますか？何らかの方法で名前属性を使用して分離する方法はありますか？

Answer 1

あなたはIFRAMEと、あなたのターゲットのdivに応じてのiframeの高さと幅を表示し、設定したい特定のdivの特定のIDを使用することができます

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

Answer 2

を試すことができます。 例を参照してください。

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

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

で何が起こっているのかを理解するために別々のiframe内のリンクをご覧ください。