cari

Rumah  >  Artikel  >  hujung hadapan web  >  HTML URL地址解析

HTML URL地址解析

高洛峰
高洛峰asal
2016-11-03 13:38:491731semak imbas

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


Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：结合Vue.js的前端压缩图片方案Artikel seterusnya：javascript原生一步步实现bind分析

Artikel berkaitan

Lihat lagi