web-dev-qa-db-ja.com

HTMLが挿入されたJavaScriptでウィンドウを開く

JavaScriptで新しいウィンドウを開き、HTMLファイルにリンクするだけでなく、HTMLデータを挿入するにはどうすればよいですか？

javascripthtmlinsert
50
williamtroup

window.openを使用して、javascriptで新しいウィンドウ/タブ（ブラウザの設定に従って）を開くことができます。

document.writeを使用することにより、開いているウィンドウにHTMLコンテンツを書き込むことができます。

36
rahul

そのようなウィンドウを2回開くと、HTMLが2回（またはそれ以上）複製されるため、他の人が示唆するようにdocument.writeを使用することはお勧めしません。

代わりにinnerHTMLを使用してください

var win = window.open("", "Title", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=780,height=200,top="+(screen.height-400)+",left="+(screen.width-840));
win.document.body.innerHTML = "HTML";
80
artnikpro

openを使用して新しいウィンドウを作成すると、新しいウィンドウへの参照が返されます。その参照を使用して、documentオブジェクトを介して新しく開いたウィンドウに書き込むことができます。

以下に例を示します。

var newWin = open('url','windowName','height=300,width=300');
newWin.document.write('html to write...');
18
Oded

目的のhtmlを持つ「example.html」ページを作成し、そのページのURLをwindow.openのパラメーターとして指定することもできます

var url = '/example.html';
var myWindow = window.open(url, "", "width=800,height=600");
1
Tamer Durgun