Diferencia entre ruta relativa y ruta absoluta en javascript

Resuelto Rajasekhar asked hace 10 años • 9 respuestas

Tener pequeñas aclaraciones,

Hasta donde yo sé, estos son los caminos relativos y absolutos,

Completely relative: <img src="kitten.png"/>   
Absolute in all respects: <img src="http://www.foo.com/images/kitten.png">

¿Cuál es la diferencia entre ruta relativa y ruta absoluta?

¿Se produce algún problema de rendimiento al utilizar estas rutas?

¿Conseguiremos algo seguro para los sitios?

¿Hay alguna forma de convertir la ruta absoluta en relativa?

Rajasekhar avatar Jan 23 '14 18:01 Rajasekhar
Aceptado

La ruta con referencia al directorio raíz se llama absoluta . La ruta con referencia al directorio actual se llama relativa .

Shiva avatar Jan 14 '2015 08:01 Shiva

¿Cuál es la diferencia entre ruta relativa y ruta absoluta?

Uno debe calcularse con respecto a otro URI. El otro no.

¿Se produce algún problema de rendimiento al utilizar estas rutas?

Nada significativo.

¿Conseguiremos algo seguro para los sitios?

No

¿Hay alguna forma de convertir la ruta absoluta en relativa?

En términos realmente simplificados: trabajando de izquierda a derecha, intente hacer coincidir el esquema, el nombre de host y luego los segmentos de ruta con el URI con el que intenta relacionarse. Detente cuando tengas una coincidencia.

Quentin avatar Jan 23 '2014 11:01 Quentin

Completamente relativo:

<img src="kitten.png"/>

De hecho, este es un camino relativo.

Absoluto en todos los aspectos:

<img src="http://www.foo.com/images/kitten.png"/>

Esta es una URL y puede verse de alguna manera como una ruta absoluta, pero no es representativa de este asunto.

La diferencia entre rutas relativas y absolutas es que cuando se utilizan rutas relativas se toma como referencia el directorio de trabajo actual, mientras que con las rutas absolutas se hace referencia a un directorio determinado y conocido. Las rutas relativas son útiles cuando crea algún programa que tiene que usar recursos de ciertas carpetas que se pueden abrir usando el directorio de trabajo como punto de partida.

Ejemplo de rutas relativas:

  • image.png, que es el equivalente a .\image.png(en Windows) o ./image.png(en cualquier otro lugar). Especifica .explícitamente que está expresando una ruta relativa al directorio de trabajo actual, pero esto está implícito siempre que la ruta no comienza en un directorio raíz (designado con una barra), por lo que no tiene que usarlo necesariamente ( excepto en ciertos contextos donde se aplicará un directorio predeterminado (o una lista de directorios para buscar) a menos que especifique explícitamente algún directorio).

  • ..\images\image2.jpg  De esta manera puede acceder a recursos desde directorios un paso más arriba en el árbol de carpetas. Esto ..\significa que ha salido de la carpeta actual y ha ingresado al directorio que contiene tanto la imagescarpeta de trabajo como la de trabajo. Nuevamente, úselo \en Windows y /en cualquier otro lugar.

Ejemplo de caminos absolutos:

  • D:\documents\something.doc
  • E:\music\good_music.mp3

etcétera.

 avatar Jan 23 '2014 11:01

Rutas relativas

Una ruta relativa supone que el archivo está en el servidor actual. El uso de rutas relativas le permite construir su sitio sin conexión y probarlo completamente antes de cargarlo.

Por ejemplo:

php/webct/itr/index.php

.

Caminos absolutos

Una ruta absoluta se refiere a un archivo en Internet utilizando su URL completa. Las rutas absolutas le dicen al navegador exactamente dónde ir.

Por ejemplo:

http://www.uvsc.edu/disted/php/webct/itr/index.php

Los caminos absolutos son más fáciles de usar y comprender. Sin embargo, no es una buena práctica en su propio sitio web. Por un lado, el uso de rutas relativas le permite construir su sitio sin conexión y probarlo completamente antes de cargarlo. Si utilizara rutas absolutas, tendría que cambiar su código antes de cargarlo para que funcione. Este también sería el caso si alguna vez tuviera que mover su sitio o si cambiara el nombre de dominio.

Referencia: http://openhighschoolcourses.org/mod/book/tool/print/index.php?id=12503

124 avatar Jan 23 '2014 11:01 124