[前端]利用a标签获取url里所需的内容

dky89616

于 2015-08-14 09:40:00 发布

阅读量176

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/yanyd/p/4729063.html

版权

本文介绍了一个JavaScript函数，用于解析URL的各种组成部分，包括协议、主机、端口、查询参数等，并指出文件路径解析可能存在错误。此外，还提供了一个在iframe中安全获取父页面URL的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function parseURL(url) {
    var a =  document.createElement('a');
    a.href = url;
    return {
        source: url,
        protocol: a.protocol.replace(':',''),
        host: a.hostname,
        port: a.port,
        query: a.search,
        params: (function(){
            var ret = {},
                seg = a.search.replace(/^?/,'').split('&'),
                len = seg.length, i = 0, s;
            for (;i<len;i++) {
                if (!seg[i]) { continue; }
                s = seg[i].split('=');
                ret[s[0]] = s[1];
            }
            return ret;
        })(),
        file: (a.pathname.match(//([^/?#]+)$/i) || [,''])[1],
        hash: a.hash.replace('#',''),
        path: a.pathname.replace(/^([^/])/,'/$1'),
        relative: (a.href.match(/tps?://[^/]+(.+)/) || [,''])[1],
        segments: a.pathname.replace(/^//,'').split('/')
    };
}

　获取file好像有错

　来源：http://james.padolsey.com/javascript/parsing-urls-with-the-dom/

iframe里获取父页面的url

function getParentUrl() { 
					var url = null; 
					if (parent !== window) { 
						try {
							url = parent.location.href; 
						} catch (e) { 
							url = document.referrer; 
						} 
					}
					return url; 
				}

转载于:https://www.cnblogs.com/yanyd/p/4729063.html