Représentation d'URL dans les pages Web HTML_HTML/Xhtml_Production de pages Web

En HTML, les URL courantes sont exprimées de plusieurs manières :
URL relative :

Copier le code

Le code est le suivant suit :

example.php
demo/example.php
./example.php
../../example.php
/example.php

URL absolue :

Copiez le code

Le code est le suivant :

http://jb51.net/example.php
http://jb51.net:80/example.php
https://jb51.net/example.php

En même temps, il existe un grand nombre de valeurs d'attributs d'éléments​​en HTML qui sont des URL. Généralement, il existe deux méthodes pour obtenir ces valeurs d'attributs d'URL à l'aide de JavaScript :
.

Copier le code

Le code est le suivant :

L'URL absolue de la page à ce moment est http://jb51.net/
<script> <br>var oA = document.getElementById( 'exemple-a'); <br>oA.href == 'http://jb51.net/example.php' ; <br>oA.getAttribute('href') == 'exemple.php'; ></script>

Nous espérons obtenir l'URL absolue complète en accédant directement à l'attribut. Obtenez sa valeur d'attribut d'origine via la méthode getAttribute. tous les navigateurs de niveau A, seuls Firefox et IE8 peuvent obtenir ce résultat avec succès. D'autres navigateurs ont des circonstances plus ou moins particulières, veuillez consulter l'exemple de démonstration pour les attributs spécifiques des éléments existants.
Le problème dans la plupart des navigateurs est que les deux méthodes renvoient la valeur d'attribut d'origine, mais dans les applications réelles, ce qui est souvent nécessaire est son URL absolue. La solution dans "Gérer les valeurs HREF non qualifiées" est trop compliquée, voici une solution. solution relativement simple, qui sera très simple si vous ne tenez pas compte de la différence dans le code du navigateur :

Ceci L'URL absolue de la page est http://jb51.net/

Copiez le code Le code est tel suit :

• Résumé des connaissances HTML
• Comment apprendre le HTML rapidement
• La différence entre htmlxhtmlxml
• La différence entre les attributs src et href
• 关于HTML5和CSS替换使用