--- title: String.prototype.anchor() slug: Web/JavaScript/Reference/Global_Objects/String/anchor tags: - Deprecated - HTML wrapper methods - JavaScript - Method - Prototype - Reference - String translation_of: Web/JavaScript/Reference/Global_Objects/String/anchor --- <div>{{JSRef}} {{deprecated_header}}</div> <p><strong><code>anchor()</code></strong> メソッドは、 <code><a name="..."></code> 開始タグで始まり、いくらかのテキストが続き、 <code></a></code> 終了タグで終わる文字列を生成します。</p> <div class="blockIndicator warning"> <p>このメソッドを使用しないでください。代わりに <a href="/ja/docs/Web/API/Document_Object_Model">DOM API</a> を使用してください。また、 HTML 仕様書では {{HTMLElement("a")}} 要素に <code>name</code> 属性を設定することを許容しなくなりましたので、このメソッドが生成するものは妥当なマークアップにもなりません。</p> </div> <h2 id="Syntax" name="Syntax">構文</h2> <pre class="syntaxbox notranslate"><var>str</var>.anchor(<var>name</var>)</pre> <h3 id="Parameters" name="Parameters">引数</h3> <dl> <dt><code><var>name</var></code></dt> <dd><code>name</code> 値を表す文字列で、 <code><a name="..."></code> 開始タグに入れられます。</dd> </dl> <h3 id="Return_value" name="Return_value">返値</h3> <p><code><a name="<var>name</var>"></code> 開始タグで始まり、 <var>str</var> のテキストが続き、 <code></a></code> 終了タグで終わる文字列です。</p> <h2 id="Description" name="Description">解説</h2> <p>このメソッドを使用しないでください。代わりに <a href="/ja/docs/Web/API/Document_Object_Model">DOM API</a> を使用してください。また、 HTML 仕様書では {{HTMLElement("a")}} 要素に <code>name</code> 属性を設定することを許容しなくなりましたので、このメソッドが生成するものは妥当なマークアップにもなりません。</p> <h2 id="Examples" name="Examples">例</h2> <h3 id="Using_anchor" name="Using_anchor">anchor() の使用</h3> <pre class="brush: js notranslate">var myString = 'Table of Contents'; document.body.innerHTML = myString.anchor('contents_anchor'); </pre> <p>以下の HTML が生成されます。</p> <pre class="brush: html notranslate"><a name="contents_anchor">Table of Contents</a> </pre> <h2 id="Specifications" name="Specifications">仕様書</h2> <table class="standard-table"> <thead> <tr> <th scope="col">仕様書</th> </tr> </thead> <tbody> <tr> <td>{{SpecName('ESDraft', '#sec-string.prototype.anchor', 'String.prototype.anchor')}}</td> </tr> </tbody> </table> <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> <p>{{Compat("javascript.builtins.String.anchor")}}</p> <h2 id="See_also" name="See_also">関連情報</h2> <ul> <li>{{jsxref("String.prototype.link()")}}</li> </ul>