1. Función de análisis de URL
La copia del código es la siguiente:
<script>
/**
*@param {string} URL ORL Dirección de URL completa
*@devuelve {objeto} Objeto personalizado
*@Descripción Ejemplo de uso: var myurl = parseurl ('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
myurl.file = 'index.html'
myurl.hash = 'top'
myurl.host = 'ABC.com'
myurl.query = '? Id = 255 & M = Hola'
myurl.params = object = {id: 255, m: hola}
myurl.path = '/dir/index.html'
myurl.segments = array = ['dir', 'index.html']
myurl.port = '8080'
myurl.protocol = 'http'
myurl.source = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'
*/
función parseurl (url) {
var a = document.createElement ('a');
a.href = url;
devolver {
Fuente: URL,
Protocolo: A.Protocol.replace (':', ''),
Anfitrión: A.HostName,
Puerto: A.Port,
Consulta: A.Search,
Params: (function () {
var ret = {},
seg = a.search.replace (/^/?/, ''). Split ('&'),
len = seg.length, i = 0, s;
para (; i <len; i ++) {
if (! seg [i]) {continuar; }
s = seg [i] .split ('=');
ret [s [0]] = s [1];
}
regreso de regreso;
}) (),
Archivo: (a.pathname.match (/// ([^//?#]+) $/i) || [, '']) [1],
hash: a.hash.replace ('#', ''),
ruta: a.pathname.replace (/^([^//])/, '/$ 1'),
pariente: (a.href.match (/tps?: //// [^//]+(.+)/) || [, '']) [1],
segmentos: a.pathname.replace (/^////, ''). Split ('/')
};
}
// var myurl = parseurl ('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
var myUrl = parseurl ('http: // localhost: 8080/test/mytest/tologina.ction? M = 123 & pid = ABC');
alerta (myurl.path);
alerta (myurl.params.m);
alerta (myurl.params.pid);
</script>
2. Análisis de URL segmentado JS
URL: Localizador de recursos uniformes (URL)
La URL completa consiste en estas piezas: esquema: // host: puerto/ruta? Consulta#fragmento
La copia del código es la siguiente:
esquema = Protocolo de comunicación (HTTP, FTP, Maito, etc.) comúnmente utilizado
host = host (nombre de dominio o IP)
puerto = número de puerto
ruta = ruta
QUERY = QUERY (opcional, utilizado para pasar parámetros a páginas web dinámicas (como las páginas web hechas con CGI, ISAPI, PHP/JSP/ASP/ASP.NET y otras tecnologías). Puede haber múltiples parámetros, separados por el símbolo "&", y el nombre y el valor de cada parámetro están separados por el "" = "Símbolo".
fragmento = fragmento de información (una cadena utilizada para especificar fragmentos en un recurso de red. Por ejemplo, si hay múltiples explicaciones de sustantivos en una página web, puede usar fragmentos para localizar directamente una determinada explicación (también conocido como ancla.))))
Para tal url
//www.vevb.com:80/seo/?ver=1.0&id=6#imhere
Podemos obtener las diversas partes en JavaScript
1, window.location.href
Toda la cadena de URL (la barra de dirección completa en el navegador)
2, Window.location.protocol
La parte del protocolo de la URL
Este ejemplo devuelve el valor: http:
3, Window.location.host
La parte anfitriona de la URL
Valor de retorno en este ejemplo: www.vevb.com
4, window.location.port
La parte del puerto de la URL
Si se usa el puerto predeterminado 80 (actualización: incluso si: 80 se agrega), el valor de retorno no es el 80 predeterminado sino el carácter vacío
Este ejemplo devuelve el valor: ""
5, window.location.pathname
La parte de ruta de la URL (esa es la dirección del archivo)
Este ejemplo devuelve el valor: /SEO /
6, Window.location.Search
Parte de consulta (parámetros)
Además de asignar valores a los idiomas dinámicos, también podemos dar páginas estáticas y usar JavaScript para obtener el valor del parámetro que se cree que es.
Valor de retorno en este ejemplo :? ver = 1.0 & id = 6
7, Window.location.hash
Punto de anclaje
Valor de retorno en este ejemplo: #imhere