• 技术文章 >web前端 >js教程

    深入浅析window.location对象实现页面跳转

    长期闲置长期闲置2022-08-05 10:57:58转载117
    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了window.location对象实现页面跳转的相关问题,window.location对象用于获得当前页面的地址,并把浏览器重定向到新的页面,下面一起来看一下,希望对大家有帮助。

    【相关推荐:javascript视频教程web前端

    window.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。

    window location 对象在编写时可不使用Window这个前缀。一些例子:

    window location href

    示例

    返回当前页面的URL:

    <script type="text/javascript">
    	    document.write(location.href);
    </script>

    以上代码输出为:

    http://127.0.0.1:8848/7.11/new_file.html

    window location pathname

    location.pathname属性返回URL的路径名。

    示例

    返回当前URL的路径名:

    <script type="text/javascript">
    		document.write(location.pathname);
    </script>

    以上代码输出为:

    /7.11/new_file.html

    window location Assign

    location.assign()方法加载新的文档。

    示例

    加载一个新的文档:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<input type="button" name="" id="" value="跳转到百度" onclick="newDoc()"/>
    		<script type="text/javascript">
    			function newDoc(){
    				window.location.assign('https://www.baidu.com')
    			}
    		</script>
    	</body>
    </html>

    使用javascript实现页面定时跳转---location对象

    要求实现以下效果:

    代码实现思路:

    实现代码如下:

    html代码:

    css代码:

    js代码:

    实现效果:

    【相关推荐:javascript视频教程web前端

    以上就是深入浅析window.location对象实现页面跳转的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:CSDN,如有侵犯,请联系admin@php.cn删除
    专题推荐:javascript
    上一篇:简单了解window.screen对象应用 下一篇:总结归纳window.history对象的应用
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• JavaScript之常用事件类型整理• 聊聊JavaScript中怎么利用Object()函数创建对象• 什么是this?深入解析JavaScript中的this• 详解Javascript对象的5种循环遍历方法• 深入浅析JavaScript中的定时器
    1/1

    PHP中文网