recherche

Maison >interface Web >js tutoriel >HTML URL地址解析

HTML URL地址解析

高洛峰
高洛峰original
2016-11-03 13:38:491767parcourir

HTML URL地址解析

通过JavaScript的location对象，可获取URL中的协议、主机名、端口、锚点、查询参数等信息。

示例

URL：http://www.akmsg.com/WebDemo/URLParsing.html#top?username=admin&pwd=123456

解析结果： 

QQ图片20161103133612.png

代码

console.log(
    'location.hash     :' + location.hash     + '\r\n' +
    'location.host     :' + location.host     + '\r\n' +
    'location.hostname :' + location.hostname + '\r\n' +
    'location.href     :' + location.href     + '\r\n' +
    'location.pathname :' + location.pathname + '\r\n' +
    'location.port     :' + location.port     + '\r\n' +
    'location.protocol :' + location.protocol + '\r\n' +
    'location.hash     :' + location.hash     + '\r\n' +
    'location.search   :' + location.search   + '\r\n' +
    'location.origin   :' + location.origin
)

在线示例

地址：http://www.akmsg.com/WebDemo/URLParsing.html


Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：结合Vue.js的前端压缩图片方案Article suivant：javascript原生一步步实现bind分析

Articles Liés

Voir plus