前端JavaScript——浏览器对象之location对象

时间:2020-8-23 作者:admin


完整的URL地址:https://editor.csdn.net/md?articleId=108160875

http :–>使用的协议,protocol

editor.csdn.net –>域名,hostname

md–>pathname

?articleId=108160875–>url的参数search

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>location对象</title>
    <script>
        //就是完整的url地址
        var f=function () {
            //location的组成部分
            document.write(location.href);//整个地址
            document.write("<br>");
            document.write(location.protocol);//协议
            document.write("<br>");
            document.write(location.host);//主机+端口号
            document.write("<br>");
            document.write(location.hostname);//端口号
            document.write("<br>");
            document.write(location.pathname);//资源
            document.write("<br>");
            document.write(location.search);//参数

        }
        //打开一个新的页面
        var f2=function () {

        }
    </script>
</head>
<body>
<input type="button" value="ceshi" onclick="f() ">
</body>
</html>
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。