URL-Darstellung in HTML-Webseiten_HTML/Xhtml_Webseitenproduktion-HTML-Tutorial-php.cn

URL-Darstellung in HTML-Webseiten_HTML/Xhtml_Webseitenproduktion

WBOY

Freigeben： 2016-05-16 16:42:35

Original

1613 Leute haben es durchsucht

In HTML werden gängige URLs auf viele Arten ausgedrückt:
Relative URL:

Code kopieren

Der Code ist wie folgt folgt:

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

Absolute URL:

Kopieren Sie den Code

Der Code lautet wie folgt:

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

Gleichzeitig gibt es in HTML eine große Anzahl von Elementattributwerten, bei denen es sich um URLs handelt. Im Allgemeinen gibt es zwei Methoden, um diese URL-Attributwerte mithilfe von JavaScript abzurufen:

Code kopieren

Der Code lautet wie folgt:

Die absolute URL der Seite ist derzeit http://jb51.net/
<script> var oA = document.getElementById( 'example-a'); oA.href == 'http://jb51.net/example.php' ; oA.getAttribute('href') == 'example.php'; ></script>

Wir hoffen, durch direkten Zugriff auf das Attribut den ursprünglichen Attributwert zu erhalten Alle A-Level-Browser können dieses Ergebnis erfolgreich erzielen. Andere Browser haben mehr oder weniger spezielle Umstände. Die spezifischen Attribute der vorhandenen Elemente finden Sie im Demonstrationsbeispiel.
Das Problem in den meisten Browsern besteht darin, dass beide Methoden den ursprünglichen Attributwert zurückgeben. In tatsächlichen Anwendungen wird jedoch häufig die absolute URL benötigt. Die Lösung in „Umgang mit unqualifizierten HREF-Werten“ ist zu kompliziert. Hier ist eine relativ einfache Lösung, die sehr einfach ist, wenn Sie den Unterschied im Browsercode nicht berücksichtigen:

Kopieren Sie den Code Der Code ist wie folgt folgt: