新しいウィンドウを開き、親のコンテンツを変更する

Question

新しいウィンドウBに親ページAからのリンクを開いて内容を変更する方法（純粋なJSおよび/またはjQueryで）を探していますURL）を表示します。 BのHTMLはサードパーティが所有しているため、制御できません。ページAの源でそのような

何か、：

$("#linkId").click(function(){ 
    //...invoke the window.open using #link.id's href 
    //change contents of page A 
}); 

Answer 1

PLUNKER

iframeのsrcを変更する簡単な方法があります、それだけでHTML、ノーJSを必要とします。

example.comのアンカーに注目してください。基本的にあなたがする必要があるすべては次のとおりです。

• アンカーで
• （私はいつものIDを持っているし、同じ名前を付ける）はiframeにname属性を追加し、あなたがの値に、目標属性値を変更しますiframeの名前の値。

• このデモでは{{{...}}}の部分がトリックです。角カッコは、使用するコードに含めることを強調するために追加されています。そのトリックに加えて

  <a href="http://example.com" {{{target="site"}}}>Example.com</a>

  <iframe id="site" {{{name="site"}}} src="/" width="100%" height="100%" frameborder="0"></iframe>

、私は機能changeSrc()を追加しました。テキスト入力にURLを入力してテストします。

メモ： Dyn-Webにはフレームバスターが含まれているため、iframeに挿入しようとすると、Dyn-Webはあなたをそのサイトにリダイレクトする必要があります。いくつかのサイト（GoogleやYahooなど）はiframeに対してまったく公開されていません。