<?= VV::include("public/docs/v3.1.4/Reference/layout") ?>
<main>
	<section>
		<h1>Navigation.TARGET</h1>
		<p>A static object of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> that alters where the contents of a navigation should be placed relative to the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element element for <a href="/docs/v3.1.4/Reference/JavaScript/navigate"><code>.navigate()</code></a>.</p>
	</section>
	<section>
		<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=docs/v3.1.4/JS/target/description") ?>
	</section>
	<section>
		<h1>Properties</h1>
	</section>
	<section class="md param">
		<h2 ><code class="mtk19">TOP</code></h2>
		<p>The inner DOM of the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element will be <strong>replaced</strong> with the contents of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code>href</code></a> from a <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> instance.</p>
		<p>This is the default behavior when the <code>vv-shell</code> element (top navigation) is navigated.</p>
		<p>Setting this parameter on a <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element that isn't the <code>vv-shell</code> element has the same effect as a normal top navigation. The target is "ignored".</p>
	</section>
	<section class="md param">
		<h2><code class="mtk19">SELF</code></h2>
		<p>The contents of the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element will be navigated.</p>
		<p>This is the default behavior when an element that <strong>isn't</strong> the <code>vv-shell</code> is navigated.</p>
		<p>Setting this parameter on a <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element that is the <code>vv-shell</code> (top navigation) has the same effect as <code class="mtk19">TOP</code>.</p>
	</section>
	<section class="md param">
		<h2><code class="mtk19">BLANK</code></h2>
		<p>Performs the browser-default behavior for opening links in a new window. The <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element is ignored.</p>
	</section>
	<section class="md param">
		<h2><code class="mtk19">PARENT</code></h2>
		<p>The closest <code>HTMLElement</code> to the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element with a <code>vv-page</code> property present will be navigated. If no parent element with that attribute is found, the <code>vv-shell</code> element (top navigation) will be navigated.</p>
		<p>Setting this parameter on a <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element that is the <code>vv-shell</code> (top navigation) has the same effect as <code class="mtk19">TOP</code>.</p>
	</section>
	<hr>
	<section>
		<h1>Examples</h1>
	</section>
	<section>
		<p>No examples available.</p>
	</section>
</main>