JavaScript学习笔记(2)

最新推荐文章于 2024-04-07 14:12:49 发布

旺哥萌死了

最新推荐文章于 2024-04-07 14:12:49 发布

阅读量608

点赞数

分类专栏： HTML HTML5 web 文章标签： html5 javascript 浏览器 web url

本文链接：https://blog.csdn.net/watasihakami/article/details/22325691

版权

HTML5 同时被 3 个专栏收录

23 篇文章 0 订阅

订阅专栏

HTML

22 篇文章 0 订阅

订阅专栏

web

6 篇文章 0 订阅

订阅专栏

Window Location
在编写时可不使用 window 这个前缀
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
例子:

 <script>
        document.write("当前页面的URL:" + location.href+"<br/>");
        document.write("路径和文件名:"+location.pathname+"<br/>");
        document.write("域名:"+location.hostname+"<br/>");
        document.write("所使用的协议:" + location.protocol + "<br/>");
        document.write("主机的端口:"+location.port);
  </script>

location.assign() 方法加载新的文档
加载一个新的文档例子:

<head>
<script>
function newDoc()
 {
 location.assign("http://www.baidu.com")
 }
</script>
</head>
<body>
<input type="button" value="加载新文档" οnclick="newDoc()">
</body>

Window History
在编写时可不使用 window 这个前缀
history.back() 与在浏览器点击后退按钮相同
history.forward() 与在浏览器中点击按钮向前相同
后退和前进按钮的例子:
创建2个网页
第一个做向前:

<head>
    <script>
        function goForward() {
            window.history.forward()
        }
    </script>
</head>
<body>
    <a href="HtmlPage1.html">跳转</a> //href=你的第2个网站的名字
    <input type="button" value="前进" οnclick="goForward()">
</body>

第二个做后退:

<head>
<script>
function goBack()
{
    window.history.back()
}
</head>
<body>
</script>
<input type="button" value="后退" οnclick="goBack()">
</body>

旺哥萌死了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记(2)

Window Location在编写时可不使用 window 这个前缀location.hostname 返回 web 主机的域名location.pathname 返回当前页面的路径和文件名location.port 返回 web 主机的端口（80 或 443）location.protocol 返回所使用的 web 协议（http:// 或 https://）例子:
复制链接

扫一扫