diff options
author | julieng <julien.gattelier@gmail.com> | 2021-08-03 08:03:23 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-09-03 08:08:25 +0200 |
commit | bf8e099b9c8b3c60d60b3712b4fc97b052c39887 (patch) | |
tree | c101746d082c9581c94f5937519c7d0e2f4af8cb /files/fr/web/javascript/reference/global_objects/string/anchor | |
parent | 844f5103992238c0c23203286dad16a466e89c97 (diff) | |
download | translated-content-bf8e099b9c8b3c60d60b3712b4fc97b052c39887.tar.gz translated-content-bf8e099b9c8b3c60d60b3712b4fc97b052c39887.tar.bz2 translated-content-bf8e099b9c8b3c60d60b3712b4fc97b052c39887.zip |
convert content to md
Diffstat (limited to 'files/fr/web/javascript/reference/global_objects/string/anchor')
-rw-r--r-- | files/fr/web/javascript/reference/global_objects/string/anchor/index.md | 92 |
1 files changed, 41 insertions, 51 deletions
diff --git a/files/fr/web/javascript/reference/global_objects/string/anchor/index.md b/files/fr/web/javascript/reference/global_objects/string/anchor/index.md index f4ca8bb868..6d235268f4 100644 --- a/files/fr/web/javascript/reference/global_objects/string/anchor/index.md +++ b/files/fr/web/javascript/reference/global_objects/string/anchor/index.md @@ -11,75 +11,65 @@ tags: translation_of: Web/JavaScript/Reference/Global_Objects/String/anchor original_slug: Web/JavaScript/Reference/Objets_globaux/String/anchor --- -<div>{{JSRef}}</div> +{{JSRef}} -<p>La méthode <code><strong>anchor()</strong></code> permet de créer une ancre HTML {{HTMLElement("a")}} qui est utilisé comme cible hypertexte.</p> +La méthode **`anchor()`** permet de créer une ancre HTML {{HTMLElement("a")}} qui est utilisé comme cible hypertexte. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>str</var>.anchor(<var>name</var>)</pre> + str.anchor(name) -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><code>name</code></dt> - <dd>Une chaîne de caractères représentant l'attribut <code>name</code> de la balise à créér.</dd> -</dl> +- `name` + - : Une chaîne de caractères représentant l'attribut `name` de la balise à créér. -<h3 id="Valeur_de_retour">Valeur de retour</h3> +### Valeur de retour -<p>Une chaîne de caractères qui représente un élément HTML {{HTMLElement("a")}}.</p> +Une chaîne de caractères qui représente un élément HTML {{HTMLElement("a")}}. -<h2 id="Description">Description</h2> +## Description -<p>On utilise la méthode <code>anchor()</code> pour créer et afficher des ancres dans un document HTML à l'aide de JavaScript.</p> +On utilise la méthode `anchor()` pour créer et afficher des ancres dans un document HTML à l'aide de JavaScript. -<p>Ici la chaîne représente le texte que verra l'utilisateur. Le paramètre <code>name</code> représente l'attribut <code>name</code> de l'élément {{HTMLElement("a")}}.</p> +Ici la chaîne représente le texte que verra l'utilisateur. Le paramètre `name` représente l'attribut `name` de l'élément {{HTMLElement("a")}}. -<p>Les ancres créées avec la méthode <code>anchor</code> deviennent des éléments accessibles à travers le tableau {{domxref("document.anchors")}}.</p> +Les ancres créées avec la méthode `anchor` deviennent des éléments accessibles à travers le tableau {{domxref("document.anchors")}}. -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre class="brush:js">var maChaîne = "Table des matières"; +```js +var maChaîne = "Table des matières"; -document.body.innerHTML = maChaîne.anchor("ancre_contenu");</pre> +document.body.innerHTML = maChaîne.anchor("ancre_contenu"); +``` -<p>produira le code HTML suivant :</p> +produira le code HTML suivant : -<pre class="brush: html"><a name="ancre_contenu">Table des matières</a></pre> +```html +<a name="ancre_contenu">Table des matières</a> +``` -<h2 id="Prothèse_d'émulation_(polyfill)">Prothèse d'émulation (<em>polyfill</em>)</h2> +## Prothèse d'émulation (_polyfill_) -<pre class="brush: js">if (!String.prototype.anchor){ +```js +if (!String.prototype.anchor){ String.prototype.anchor = function(x){ - return '<a name="' + x + '">' + this + '</a>' + return '<a name="' + x + '">' + this + '</a>' }; } -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-string.prototype.anchor', 'String.prototype.anchor')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>Définition initiale. Implémentée avec JavaScript 1.0. Défini dans l'annexe (normative) B sur les fonctionnalités additionnelles des navigateurs web.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("javascript.builtins.String.anchor")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("String.prototype.link()")}}</li> -</ul> +``` + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------- | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | +| {{SpecName('ES6', '#sec-string.prototype.anchor', 'String.prototype.anchor')}} | {{Spec2('ES6')}} | Définition initiale. Implémentée avec JavaScript 1.0. Défini dans l'annexe (normative) B sur les fonctionnalités additionnelles des navigateurs web. | + +## Compatibilité des navigateurs + +{{Compat("javascript.builtins.String.anchor")}} + +## Voir aussi + +- {{jsxref("String.prototype.link()")}} |