---
title: Tabs
slug: Jetpack/UI/Tabs
translation_of: Archive/Mozilla/Jetpack/UI/Tabs
---
<h3 id="新しいタブを開く">新しいタブを開く</h3>
<p> </p>
<p>新しいタブを開くのは簡単で、単に<code>jetpack.tabs</code>の<code>open</code>メソッドをURLを含む文字列と一緒に呼ぶだけです。</p>
<pre class="prettyprint"><code><span class="pun">jetpack.tabs.open("http://www.mynewtab.com");</span></code></pre>
<h3 id="タブのドキュメントとウィンドウオブジェクトにアクセスする">タブのドキュメントとウィンドウオブジェクトにアクセスする</h3>
<p> </p>
<p><code>contentDocument</code>と<code>contentWindow</code>オブジェクトはドキュメントとウィンドウを表すオブジェクトです。これらは現在表示中のタブのプロパティとしてアクセスすることができます。</p>
<p>タブの<code>contentWindow</code>の中にあるjavascriptのオブジェクトに直接アクセスできないという事に気をつけて下さい。これにアクセスする場合は必ず、 <code>jetpack.tabs.focused.contentWindow</code>.<code>wrappedJSObject</code>オブジェクトを通してアクセスして下さい.</p>
<pre class="prettyprint"><code><span class="pun">var doc = jetpack.tabs.focused.contentDocument; /*Focused tab's equivalent Document object*/ </span></code>
<code><span class="pun">var win = jetpack.tabs.focused.contentWindow; /*Focused tab's equivalent Window object*/</span></code>
<code><span class="pun">var tabJsUniverse = jetpack.tabs.focused.contentWindow.wrappedJSObject; /*Tab's js object*/</span></code>
</pre>
<p><a href="/ja/Jetpack/基礎" title="ja/Jetpack/基礎">基礎</a> に詳しい情報があります.</p>