【页面跳转】

原创已于 2022-02-18 17:14:59 修改 · 272 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #angular.js #html

于 2022-02-18 15:47:14 首次发布

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了HTML中的Window对象及其属性，如innerHeight/Width和location，以及Location对象的重要属性如href和search。通过示例代码展示了如何利用这些属性实现页面跳转和参数传递。同时，还提供了获取URL查询字符串的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

HTML DOM Window、Location 对象实现页面跳转

具体实现

Window 对象：表示浏览器中打开的窗口。
        常用属性：
                innerheight / innerwidth 返回窗口的文档显示区的高度/宽度
                window / self 对窗口自身的引用。
                location 用于窗口或框架的 Location 对象。

Location 对象：Location 对象包含有关当前 URL 的信息。Window 对象的一个部分，可通过 window.location 属性来访问。
        常用属性：
                href 设置或返回完整的 URL。
                search 设置或返回从问号 (?) 开始的 URL（查询部分）。

代码如下（示例）：

	// AngularJS
    $scope.viewDetails = function () {
        window.location.href = '/v2/#/lessons/weekly-lesson-planning/shadowed-list';
    }

window.location.href 可携带参数，但不安全

传参

	// 当传的参数是文字时，会出现乱码，可使用 escape(str)
	window.location.href = "RecordCare.aspx?id=" +id+"&name="+ escape(name);

获取url中"?"符后的字串

 	var url = location.search; 
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);     
    }