1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8" />
    5. <title></title>
    6. <script>
    7. var url;
    8. url = window.location.href; /* 获取完整URL */
    9. alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */
    10. url = window.location.pathname; /* 获取文件路径(文件地址) */
    11. alert(url); /* /Test/index.html */
    12. url = window.location.protocol; /* 获取协议 */
    13. alert(url); /* http */
    14. url = window.location.host; /* 获取主机地址和端口号 */
    15. alert(url); /* http://127.0.0.1:8020/ */
    16. url = window.location.hostname; /* 获取主机地址 */
    17. alert(url); /* http://127.0.0.1/ */
    18. url = window.location.port; /* 获取端口号 */
    19. alert(url); /* 8020 */
    20. url = window.location.hash; /* 获取锚点(“#”后面的分段) */
    21. alert(url); /* #test?name=test */
    22. url = window.location.search; /* 获取属性(“?”后面的分段) */
    23. alert(url);
    24. /* 如果需要URL中的某一部分,可以自己进行处理 */
    25. url = window.location.pathname;
    26. url = url.substring(url.lastIndexOf('/') + 1, url.length);
    27. alert(url); /* /index.html */
    28. /*
    29. * 如果页面使用了框架(frameset)
    30. * 要获取到指定页面的URL
    31. * 只要把window换成指定的页面即可
    32. */
    33. /* 'frame'为指定页面的class名 */
    34. var url = window.parent.frames['frame'].location.href;
    35. /* 获取当前地址栏中显示的URL */
    36. var url = window.parent.location.href;
    37. /* window parent 可互换 */
    38. var url = parent.window.location.href;
    39. </script>
    40. </head>
    41. <body>
    42. </body>
    43. </html>