diff options
Diffstat (limited to 'files/fr/web/api/url')
| -rw-r--r-- | files/fr/web/api/url/createobjecturl/index.html | 27 | ||||
| -rw-r--r-- | files/fr/web/api/url/hash/index.html | 2 | ||||
| -rw-r--r-- | files/fr/web/api/url/index.html | 46 | ||||
| -rw-r--r-- | files/fr/web/api/url/revokeobjecturl/index.html | 2 | ||||
| -rw-r--r-- | files/fr/web/api/url/tojson/index.html | 4 | ||||
| -rw-r--r-- | files/fr/web/api/url/tostring/index.html | 4 | ||||
| -rw-r--r-- | files/fr/web/api/url/url/index.html | 42 |
7 files changed, 60 insertions, 67 deletions
diff --git a/files/fr/web/api/url/createobjecturl/index.html b/files/fr/web/api/url/createobjecturl/index.html index 4d63b56b27..faca6b81b9 100644 --- a/files/fr/web/api/url/createobjecturl/index.html +++ b/files/fr/web/api/url/createobjecturl/index.html @@ -3,7 +3,6 @@ title: URL.createObjectURL slug: Web/API/URL/createObjectURL translation_of: Web/API/URL/createObjectURL --- -<h2 id="Summary" name="Summary">Résumé</h2> <p>{{APIRef("URL")}}<br> La méthode statique <strong>URL.createObjectURL()</strong> crée une chaîne contenant une URL représentant l’objet passé en paramètre. La durée de vie de l’URL est liée au {{domxref("document")}} de la fenêtre depuis laquelle elle a été créée. La nouvelle URL d’objet représente l’objet {{domxref("File")}} ou {{domxref("Blob")}} spécifié.</p> @@ -12,11 +11,11 @@ translation_of: Web/API/URL/createObjectURL <p>{{AvailableInWorkers}}</p> -<div class="blockIndicator note"> -<p><strong>Note :</strong> Cette fonctionnalité n'est pas disponible dans les <a href="/fr/docs/Web/API/ServiceWorker">Service Workers</a> à cause de possible fuite mémoire.</p> +<div class="note"> +<p><strong>Note :</strong> Cette fonctionnalité n'est pas disponible dans les <a href="/fr/docs/Web/API/ServiceWorker">Service Workers</a> à cause de possible fuite mémoire.</p> </div> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> +<h2 id="Syntax">Syntaxe</h2> <pre class="syntaxbox"><em>objectURL</em> = URL.createObjectURL(<em>object</em>); </pre> @@ -30,15 +29,13 @@ translation_of: Web/API/URL/createObjectURL <h3 id="Valeur_de_retour">Valeur de retour</h3> -<dl> - <dd>Une {{domxref("DOMString")}} contenant une URL d’objet, pouvant être utilisée comme une référence vers l’objet source <code>object</code> spécifié.</dd> -</dl> +<p>Une {{domxref("DOMString")}} contenant une URL d’objet, pouvant être utilisée comme une référence vers l’objet source <code>object</code> spécifié.</p> -<h2 id="Example" name="Example">Exemple</h2> +<h2 id="Example">Exemple</h2> -<p>Voir <a href="/fr/docs/Web/API/File/Using_files_from_web_applications#Exemple_Utilisation_de_l'objet_URLs_pour_afficher_des_images" title="https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images">Utilisation de l’objet URLs pour afficher des images</a>.</p> +<p>Voir <a href="/fr/docs/Web/API/File/Using_files_from_web_applications#Exemple_Utilisation_de_l'objet_URLs_pour_afficher_des_images">Utilisation de l’objet URLs pour afficher des images</a>.</p> -<h2 id="Notes" name="Notes">Notes d’utilisation</h2> +<h2 id="Notes">Notes d’utilisation</h2> <h3 id="Gestion_de_la_mémoire">Gestion de la mémoire</h3> @@ -51,10 +48,10 @@ translation_of: Web/API/URL/createObjectURL <p>Dans d’anciennes versions de la spécification de Media Source, attacher un flux à un élément {{HTMLElement("video")}} requiérait de créer une URL d’objet pour le {{domxref("MediaStream")}}. Cela n’est plus nécessaire, et les navigateurs cessent progressivement de supporter cette pratique.</p> <div class="warning"> -<p><strong>Important :</strong> si vous avez toujours du code qui repose sur {{domxref("URL.createObjectURL")}} pour attacher des flux à des éléments média, vous devez mettre à jour votre code pour attacher simplement {{domxref("HTMLMediaElement.srcObject", "srcObject")}} directement au <code>MediaStream</code>.</p> +<p><strong>Attention :</strong> si vous avez toujours du code qui repose sur {{domxref("URL.createObjectURL")}} pour attacher des flux à des éléments média, vous devez mettre à jour votre code pour attacher simplement {{domxref("HTMLMediaElement.srcObject", "srcObject")}} directement au <code>MediaStream</code>.</p> </div> -<h2 id="Browser_Compatibility" name="Browser_Compatibility">Spécifications</h2> +<h2 id="Browser_Compatibility">Spécifications</h2> <table class="standard-table"> <tbody> @@ -83,11 +80,11 @@ translation_of: Web/API/URL/createObjectURL <p>{{Compat("api.URL.createObjectURL")}}</p> -<h2 id="See_also" name="See_also">Voir aussi</h2> +<h2 id="See_also">Voir aussi</h2> <ul> - <li><a href="/fr/docs/Web/API/File/Using_files_from_web_applications" title="Using files from web applications">Utiliser des fichiers à partir d’applications web</a></li> - <li><a href="/fr/docs/Web/API/File/Using_files_from_web_applications#Exemple_Utilisation_de_l'objet_URLs_pour_afficher_des_images" title="https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images">Utilisation de l’objet URLs pour afficher des images</a></li> + <li><a href="/fr/docs/Web/API/File/Using_files_from_web_applications">Utiliser des fichiers à partir d’applications web</a></li> + <li><a href="/fr/docs/Web/API/File/Using_files_from_web_applications#Exemple_Utilisation_de_l'objet_URLs_pour_afficher_des_images">Utilisation de l’objet URLs pour afficher des images</a></li> <li>{{domxref("URL.revokeObjectURL()")}}</li> <li>{{domxref("HTMLMediaElement.srcObject")}}</li> <li>{{domxref("FileReader.readAsDataURL()")}}</li> diff --git a/files/fr/web/api/url/hash/index.html b/files/fr/web/api/url/hash/index.html index df993c4a2f..f89d838eb1 100644 --- a/files/fr/web/api/url/hash/index.html +++ b/files/fr/web/api/url/hash/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/URL/hash --- <div>{{ APIRef("URL API") }}</div> -<p><span class="seoSummary">La propriété <strong><code>hash</code></strong> de l'interface {{domxref("URL")}} retourne un {{domxref("USVString")}} contenant le caractère <code>'#'</code> suivi par l'identificateur de fragment de URL.</span></p> +<p>La propriété <strong><code>hash</code></strong> de l'interface {{domxref("URL")}} retourne un {{domxref("USVString")}} contenant le caractère <code>'#'</code> suivi par l'identificateur de fragment de URL.</p> <p>Le fragment n'est pas <a href="/en-US/docs/Glossary/percent-encoding">décodé en pourcent</a>. Si l'URL ne contient pas d'identificateur de fragment, la valeur de cette propriété est une chaîne de caractère vide — <code>""</code>.</p> diff --git a/files/fr/web/api/url/index.html b/files/fr/web/api/url/index.html index 98ce833c1b..917fa44e1a 100644 --- a/files/fr/web/api/url/index.html +++ b/files/fr/web/api/url/index.html @@ -11,39 +11,39 @@ translation_of: Web/API/URL <p>L'interface <strong><code>URL</code></strong><strong> </strong>représente un objet qui fournit des méthodes statiques utilisées pour créer des URL d'objet.</p> -<p><span id="result_box" lang="fr"><span>Lors de l'utilisation d'un agent utilisateur dans lequel aucun constructeur n'a encore été implémenté, il est possible d'accéder à un objet en utilisant les propriétés</span></span> {{domxref("Window.URL")}} (préfixées sur un navigateur basé sur Webkit tel que <code>Window.webkitURL</code>).</p> +<p>Lors de l'utilisation d'un agent utilisateur dans lequel aucun constructeur n'a encore été implémenté, il est possible d'accéder à un objet en utilisant les propriétés {{domxref("Window.URL")}} (préfixées sur un navigateur basé sur Webkit tel que <code>Window.webkitURL</code>).</p> <p>{{AvailableInWorkers}}</p> <h2 id="Utilisation">Utilisation</h2> -<p>Le constructeur <span id="result_box" lang="fr"><span>prend un paramètre url et un paramètre de base facultatif à utiliser comme base si le paramètre url est une URL relative :</span></span></p> +<p>Le constructeur prend un paramètre url et un paramètre de base facultatif à utiliser comme base si le paramètre url est une URL relative :</p> -<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">const</span> url <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">URL</span><span class="punctuation token">(</span><span class="string token">'../cats'</span><span class="punctuation token">,</span> <span class="string token">'http://www.example.com/dogs'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>url<span class="punctuation token">.</span>hostname<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// "www.example.com"</span> -console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>url<span class="punctuation token">.</span>pathname<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// "/cats"</span></code></pre> +<pre class="brush: js">const url = new URL('../cats', 'http://www.example.com/dogs'); +console.log(url.hostname); // "www.example.com" +console.log(url.pathname); // "/cats"</pre> <p>Les propriétés de l'URL peuvent être définies pour construire l'URL :</p> -<pre class="brush: js line-numbers language-js"><code class="language-js">url<span class="punctuation token">.</span>hash <span class="operator token">=</span> <span class="string token">'tabby'</span><span class="punctuation token">;</span> -console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>url<span class="punctuation token">.</span>href<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// "http://www.example.com/cats#tabby"</span></code></pre> +<pre class="brush: js">url.hash = 'tabby'; +console.log(url.href); // "http://www.example.com/cats#tabby"</pre> <p>Les URL seront encodées selon la norme RFC 3986:</p> -<pre class="brush: js line-numbers language-js"><code class="language-js">url<span class="punctuation token">.</span>pathname <span class="operator token">=</span> <span class="string token">'démonstration.html'</span><span class="punctuation token">;</span> -console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>url<span class="punctuation token">.</span>href<span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// "http://www.example.com/d%C3%A9monstration.html"</span></code></pre> +<pre class="brush: js">url.pathname = 'démonstration.html'; +console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"</pre> <p>L'interface {{domxref("URLSearchParams")}} peut être utilisée pour construire et manipuler la chaîne de requête de l'URL.</p> -<p><span id="result_box" lang="fr"><span>Pour obtenir les paramètres de recherche à partir de l'URL de la fenêtre en cours :</span></span></p> +<p>Pour obtenir les paramètres de recherche à partir de l'URL de la fenêtre en cours :</p> -<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="comment token">// https://some.site/?id=123</span> -<span class="keyword token">var</span> parsedUrl <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">URL</span><span class="punctuation token">(</span>window<span class="punctuation token">.</span>location<span class="punctuation token">.</span>href<span class="punctuation token">)</span><span class="punctuation token">;</span> -console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>parsedUrl<span class="punctuation token">.</span>searchParams<span class="punctuation token">.</span><span class="keyword token">get</span><span class="punctuation token">(</span><span class="string token">"id"</span><span class="punctuation token">)</span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="comment token">// 123</span></code></pre> +<pre class="brush: js">// https://some.site/?id=123 +var parsedUrl = new URL(window.location.href); +console.log(parsedUrl.searchParams.get("id")); // 123</pre> -<p>La méthode <code>stringifier</code> de l' <code>URL</code> est la propriété <code>href</code> , ainsi le constructeur<span id="result_box" lang="fr"><span> peut être utilisé pour normaliser et encoder directement une URL :</span></span></p> +<p>La méthode <code>stringifier</code> de l' <code>URL</code> est la propriété <code>href</code> , ainsi le constructeur peut être utilisé pour normaliser et encoder directement une URL :</p> -<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">const</span> response <span class="operator token">=</span> <span class="keyword token">await</span> <span class="function token">fetch</span><span class="punctuation token">(</span><span class="keyword token">new</span> <span class="class-name token">URL</span><span class="punctuation token">(</span><span class="string token">'http://www.example.com/démonstration.html'</span><span class="punctuation token">)</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> +<pre class="brush: js">const response = await fetch(new URL('http://www.example.com/démonstration.html'));</pre> <h2 id="Constructeur">Constructeur</h2> @@ -56,7 +56,7 @@ console<span class="punctuation token">.</span><span class="function token">log< <dl> <dt>{{domxref("URL.hash")}}</dt> - <dd>Est une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant un <code>'#'</code> <span class="short_text" id="result_box" lang="fr"><span>suivi de l'identifiant du fragment de l'URL.</span></span></dd> + <dd>Est une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant un <code>'#'</code> suivi de l'identifiant du fragment de l'URL.</dd> <dt>{{domxref("URL.host")}}</dt> <dd>Est une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant l'hôte, c'est-à-dire le <em>hostname (nom d'hôte)</em>, <code>':'</code>et le <em>port</em> de l'URL.</dd> <dt>{{domxref("URL.hostname")}}</dt> @@ -67,7 +67,7 @@ console<span class="punctuation token">.</span><span class="function token">log< <dl> <dt>{{domxref("URL.origin")}} {{readonlyInline}}</dt> - <dd>Retourne une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant l'origine de l'URL, <span class="short_text" id="result_box" lang="fr"><span>c'est son schéma, son domaine et son port</span></span> .</dd> + <dd>Retourne une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant l'origine de l'URL, c'est son schéma, son domaine et son port .</dd> </dl> <dl> @@ -91,19 +91,19 @@ console<span class="punctuation token">.</span><span class="function token">log< <dt>{{domxref("URL.search")}}</dt> <dd>Est une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant un <code>'?'</code> suivi par les paramètres de l'URL.</dd> <dt>{{domxref("URL.searchParams")}}</dt> - <dd>Retourne un objet {{domxref("URLSearchParams")}} <span id="result_box" lang="fr"><span>permettant d'accéder aux arguments de requête GET contenus dans l'URL.</span></span></dd> + <dd>Retourne un objet {{domxref("URLSearchParams")}} permettant d'accéder aux arguments de requête GET contenus dans l'URL.</dd> <dt>{{domxref("URL.username")}}</dt> - <dd>Est une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant<span id="result_box" lang="fr"><span> le nom d'utilisateur spécifié avant le nom de domaine.</span></span></dd> + <dd>Est une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant le nom d'utilisateur spécifié avant le nom de domaine.</dd> </dl> <h2 id="Méthodes">Méthodes</h2> -<p><em>L'interface <code>URL</code> </em> <span id="result_box" lang="fr"><span>implémente les méthodes définies dans </span></span><em>{{domxref("URLUtils")}}.</em></p> +<p><em>L'interface <code>URL</code> </em> implémente les méthodes définies dans <em>{{domxref("URLUtils")}}.</em></p> <dl> <dt>{{domxref("URLUtils.toString()")}}</dt> <dd>Retourne une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant l'URL entière. C'est un synonyme de {{domxref("URLUtils.href")}}, mais il ne peut pas être utilisé pour modifier la valeur.</dd> - <dt>{{domxref("URL.toJSON()")}} <sup>[disponible depuis FireFox v54]</sup></dt> + <dt>{{domxref("URL.toJSON()")}}</dt> <dd>Retourne une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant l'URL entière. Il retourne la même chaîne que la propriété <code>href</code> .</dd> </dl> @@ -111,9 +111,9 @@ console<span class="punctuation token">.</span><span class="function token">log< <dl> <dt>{{ domxref("URL.createObjectURL()") }}</dt> - <dd>Retourne une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant un "blob URL" unique ; c'est une URL avec <code>blob :</code> <span id="result_box" lang="fr"><span>son schéma suivi d'une chaîne opaque identifiant de manière unique l'objet dans le navigateur.</span></span></dd> + <dd>Retourne une {{domxref("DOMString")}} <em>(chaîne de caractères)</em> contenant un "blob URL" unique ; c'est une URL avec <code>blob :</code> son schéma suivi d'une chaîne opaque identifiant de manière unique l'objet dans le navigateur.</dd> <dt>{{ domxref("URL.revokeObjectURL()") }}</dt> - <dd><span id="result_box" lang="fr"><span>Révoque un objet URL précédemment créé avec {{domxref ("URL.createObjectURL ()")}}.</span></span></dd> + <dd>Révoque un objet URL précédemment créé avec {{domxref ("URL.createObjectURL ()")}}.</dd> </dl> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/api/url/revokeobjecturl/index.html b/files/fr/web/api/url/revokeobjecturl/index.html index cf838f7b8e..5785e39c30 100644 --- a/files/fr/web/api/url/revokeobjecturl/index.html +++ b/files/fr/web/api/url/revokeobjecturl/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/URL/revokeObjectURL --- <div>{{ApiRef("URL")}}</div> -<p><span class="seoSummary">La méthode statique <strong><code>URL.revokeObjectURL()</code></strong> libère une URL d’objet existante précédemment créée par un appel à {{domxref("URL.createObjectURL()") }}.</span> Appelez cette méthode quand vous n’utilisez plus une URL d’objet pour indiquer au navigateur qu’il ne doit plus garder de référence sur l’objet.</p> +<p>La méthode statique <strong><code>URL.revokeObjectURL()</code></strong> libère une URL d’objet existante précédemment créée par un appel à {{domxref("URL.createObjectURL()") }}. Appelez cette méthode quand vous n’utilisez plus une URL d’objet pour indiquer au navigateur qu’il ne doit plus garder de référence sur l’objet.</p> <p>{{AvailableInWorkers}}</p> diff --git a/files/fr/web/api/url/tojson/index.html b/files/fr/web/api/url/tojson/index.html index 8c34a37e42..3b594c32cd 100644 --- a/files/fr/web/api/url/tojson/index.html +++ b/files/fr/web/api/url/tojson/index.html @@ -29,8 +29,8 @@ translation_of: Web/API/URL/toJSON <h2 id="Exemples">Exemples</h2> -<pre><span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="cm-keyword">const</span> <span class="cm-def">url</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">URL</span>(<span class="cm-string">"https://developer.mozilla.org/en-US/docs/Web/API/URL/toString"</span>); -<span class="cm-variable">url</span>.<span class="cm-property">toJSON</span>()</span></span></span> +<pre>const url = new URL("https://developer.mozilla.org/en-US/docs/Web/API/URL/toString"); +url.toJSON() </pre> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/api/url/tostring/index.html b/files/fr/web/api/url/tostring/index.html index 6c20fada36..f3733e2678 100644 --- a/files/fr/web/api/url/tostring/index.html +++ b/files/fr/web/api/url/tostring/index.html @@ -29,8 +29,8 @@ translation_of: Web/API/URL/toString <h2 id="Examples">Examples</h2> -<pre class="brush: js"><span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="cm-keyword">const</span> <span class="cm-def">url</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">URL</span>(<span class="cm-string">"https://developer.mozilla.org/en-US/docs/Web/API/URL/toString"</span>); -<span class="cm-variable">url</span>.<span class="cm-property">toString</span>() // doit retourner l'URL en tant que chaîne</span></span></span> +<pre class="brush: js">const url = new URL("https://developer.mozilla.org/en-US/docs/Web/API/URL/toString"); +url.toString() // doit retourner l'URL en tant que chaîne </pre> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/api/url/url/index.html b/files/fr/web/api/url/url/index.html index c50003de75..c0ff1cb049 100644 --- a/files/fr/web/api/url/url/index.html +++ b/files/fr/web/api/url/url/index.html @@ -11,9 +11,9 @@ translation_of: Web/API/URL/URL --- <p>{{APIRef("URL API")}}</p> -<p><span id="result_box" lang="fr"><span>Le constructeur </span></span><strong><code>URL()</code></strong><span lang="fr"><span> renvoie un nouvel objet </span></span>{{domxref("URL")}}<span lang="fr"><span> représentant l'URL définie par les paramètres.</span><br> +<p>Le constructeur <strong><code>URL()</code></strong> renvoie un nouvel objet {{domxref("URL")}} représentant l'URL définie par les paramètres.<br> <br> - <span>Si l'URL de base donnée ou l'URL résultante ne sont pas des URL valides, une </span></span>{{domxref("DOMException")}}<span lang="fr"><span> de type </span></span><code>SYNTAX_ERROR</code><span lang="fr"><span> est levée.</span></span></p> + Si l'URL de base donnée ou l'URL résultante ne sont pas des URL valides, une {{domxref("DOMException")}} de type <code>SYNTAX_ERROR</code> est levée.</p> <p>{{AvailableInWorkers}}</p> @@ -26,17 +26,13 @@ translation_of: Web/API/URL/URL <dl> <dt><em>url</em></dt> - <dd> - <div id="gt-res-content"> - <div class="trans-verified-button-small" dir="ltr" id="gt-res-dir-ctr"><span id="result_box" lang="fr"><span>Un </span></span>{{domxref("USVString")}}<span lang="fr"><span> représentant une URL absolue ou relative.</span> <span>Si l'URL est une URL relative, la base est obligatoire et sera utilisée comme URL de base.</span> <span>Si url est une URL absolue, une base donnée sera ignorée.</span></span></div> - </div> - </dd> + <dd>Un {{domxref("USVString")}} représentant une URL absolue ou relative. Si l'URL est une URL relative, la base est obligatoire et sera utilisée comme URL de base. Si url est une URL absolue, une base donnée sera ignorée.</dd> <dt><em>base </em>{{optional_inline}}</dt> - <dd><span id="result_box" lang="fr"><span>Un </span></span>{{domxref("USVString")}}<span lang="fr"><span> représentant l'URL de base à utiliser dans le cas où l'URL est une URL relative.</span></span> <span id="result_box" lang="fr"><span>Si non spécifié, il est par défaut à </span></span><code>''</code><span lang="fr"><span>.</span></span></dd> + <dd>Un {{domxref("USVString")}} représentant l'URL de base à utiliser dans le cas où l'URL est une URL relative. Si non spécifié, il est par défaut à <code>''</code>.</dd> </dl> <div class="note"> -<p><strong>Remarque </strong>: <span id="result_box" lang="fr"><span>Vous pouvez toujours utiliser un objet {{domxref ("URL")}} existant pour la base, qui se stringifie en attribut {{domxref ("DOMString.href", "href")}} de l'objet.</span></span></p> +<p><strong>Note :</strong> Vous pouvez toujours utiliser un objet {{domxref ("URL")}} existant pour la base, qui se stringifie en attribut {{domxref ("DOMString.href", "href")}} de l'objet.</p> </div> <h3 id="Exceptions">Exceptions</h3> @@ -51,29 +47,29 @@ translation_of: Web/API/URL/URL <tbody> <tr> <td><code>TypeError</code></td> - <td><span id="result_box" lang="fr"><span>url (dans le cas d'URL absolues) ou base + URL (dans le cas d'URL relatives) n'est pas une URL valide.</span></span></td> + <td>url (dans le cas d'URL absolues) ou base + URL (dans le cas d'URL relatives) n'est pas une URL valide.</td> </tr> </tbody> </table> <h2 id="Exemple">Exemple</h2> -<pre class="brush: js language-js">var a = new URL("/", "https://developer.mozilla.org"); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/' -var b = new URL("https://developer.mozilla.org"); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/' -var c = new URL('en-US/docs', b); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/en-US/docs' -var d = new URL('/en-US/docs', b); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/en-US/docs' -var f = new URL('/en-US/docs', d); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/en-US/docs' +<pre class="brush: js">var a = new URL("/", "https://developer.mozilla.org"); // Crée une URL pointant vers 'https://developer.mozilla.org/' +var b = new URL("https://developer.mozilla.org"); // Crée une URL pointant vers 'https://developer.mozilla.org/' +var c = new URL('en-US/docs', b); // Crée une URL pointant vers 'https://developer.mozilla.org/en-US/docs' +var d = new URL('/en-US/docs', b); // Crée une URL pointant vers 'https://developer.mozilla.org/en-US/docs' +var f = new URL('/en-US/docs', d); // Crée une URL pointant vers 'https://developer.mozilla.org/en-US/docs' var g = new URL('/en-US/docs', "https://developer.mozilla.org/fr-FR/toto"); - // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/en-US/docs' -var h = new URL('/en-US/docs', a); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'https://developer.mozilla.org/en-US/docs' -var i = new URL('/en-US/docs', ''); // <span id="result_box" lang="fr"><span>Déclenche une exception TypeError car '' n'est pas une URL valide</span></span> -var j = new URL('/en-US/docs'); // <span id="result_box" lang="fr"><span>Déclenche une exception TypeError car '/ fr-US / docs' n'est pas une URL valide</span></span> + // Crée une URL pointant vers 'https://developer.mozilla.org/en-US/docs' +var h = new URL('/en-US/docs', a); // Crée une URL pointant vers 'https://developer.mozilla.org/en-US/docs' +var i = new URL('/en-US/docs', ''); // Déclenche une exception TypeError car '' n'est pas une URL valide +var j = new URL('/en-US/docs'); // Déclenche une exception TypeError car '/ fr-US / docs' n'est pas une URL valide var k = new URL('http://www.example.com', 'https://developers.mozilla.com'); - // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'http://www.example.com/' -var l = new URL('http://www.example.com', b); // <span class="short_text" id="result_box" lang="fr"><span>Crée une URL pointant vers</span></span> 'http://www.example.com/' + // Crée une URL pointant vers 'http://www.example.com/' +var l = new URL('http://www.example.com', b); // Crée une URL pointant vers 'http://www.example.com/' </pre> -<h2 id="Specification" name="Specification">Spécification</h2> +<h2 id="Specification">Spécification</h2> <table class="standard-table"> <tbody> @@ -97,5 +93,5 @@ var l = new URL('http://www.example.com', b); // <span class="short_tex <h2 id="À_voir_également">À voir également</h2> <ul> - <li><span class="short_text" id="result_box" lang="fr"><span>L'interface à laquelle il appartient</span></span> : {{domxref("URL")}}.</li> + <li>L'interface à laquelle il appartient : {{domxref("URL")}}.</li> </ul> |