jQuery解析url

发布时间:2019-05-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jQuery解析url脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

我们可以通过window.location简单的解析出当前url里面包含的信息,比如:

VAR PRotocol = window.location.protocol;

但是当你只有一个字符串的url或者将其附加到任何一个DOM元素节点上,比如 a 标签,然而window.location此时并不能帮助你解析出你想要的东西。比如下面的链接,你想解析出protocol,host name,hash,query string等等

var url = “http://jquerybyexample.net/codes/code-reposITory?id=12#top”;

首先你可能会想到使用正则表达式,不错这是一个好方法,但是jQuery可以通过简单的代码做到这一切,代码如下:

$(document).ready(function () {
    var url = 'http://iwjw.COM/codes/code-repository?id=12#top';
    var a = $('<a>', { href: url});
    var sResult = '<b>Protocol:</b> ' + a.prop('protocol') + '<br>'     + '<b>Host name: </b>' + a.prop('hostname') + '<br>'
    + '<b>Path: </b>' + a.prop('pathname') + '<br>'
    + '<b>Query: </b>' + a.prop('seArch') + '<br>'
    + '<b>Hash: </b>' + a.prop('hash');
    $('span').htML(sResult);
}); </a>

实例:https://jsfiddle.net/ghostcode/umr6sxjr/2/

脚本宝典总结

以上是脚本宝典为你收集整理的jQuery解析url全部内容,希望文章能够帮你解决jQuery解析url所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。