用A链接对象解析url的组成

最新推荐文章于 2023-08-18 16:12:02 发布

原创最新推荐文章于 2023-08-18 16:12:02 发布 · 535 阅读

0 ·

CC 4.0 BY-SA版权

流行框架node 专栏收录该内容

24 篇文章

订阅专栏

本文通过一个简单的HTML页面示例介绍了如何使用JavaScript创建A链接对象来解析URL的各个组成部分，包括主机名、hash值及查询参数等。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    123
    <script>
        //用A链接对象解析url的组成
        var url = "http://www.baidu.com?a=1#bbb";
        var aLink = document.createElement("a");
        aLink.href = url;
        // console.log(aLink);
        // console.log(aLink.hostname);
        // console.log(aLink.hash);
        // console.log(aLink.search);
        //console.log(JSON.stringify({id:1,name:'zhangsan',age:18}));
        console.log(aLink);
        //JSON就是用字符串描述对象的方式
    </script>
</body>
</html>