开发工具与关键技术: VS 中的跳转页面窗口
作者: 木有窝的鸟~小通
撰写时间:2019年4月22日
学习中,发现了很多按钮或者是文字点击之后会跳转到另一个页面或者是提示框,往往这个时候会联想到页面跳转、页面嵌套还是一些插件的文本提示框,在此之前,达到该目的是在项目或者说是在软件更有在百度等一些浏览器上面经常会遇到的,点击某个看点就能进入相关的文件和文章或者说是一些视频等其他材料。不成否认,显然这个页面跳转在我们身边也无处不在,我们应该大致知道它是如何的将点击跳转其他页面扣人心弦的。
在项目中运用页面跳转其实是很广泛的,当下学习的尽管不多,但在项目中已经能将大概的跳转页面窗口实现。而跳转页面窗口有很多,其中页面嵌套和页面跳转,其中页面嵌套可以说是运用的不少,在项目中经常会有一些导入导出的页面,又或者说有表单的提交页面,无需跳转到其他页面,它直接和目录紧贴在一起,让人更直观的看到相关内容。根据项目需要,在项目指定的项目需求运用不同的方法请求不同的页面。
页面嵌套,可以直接理解为在项目的目录里边打开一个具体目录内容的一个窗体,并不是在浏览器通过其他路径直接跳转的其他页面,而是在项目指定的目录位置打开,正如下显示:
在图片中,第一个Id选择器选择到的就是指定的目录,第二个Id选择器选择到的是目录内容。
Prop:获取在匹配的元素集中的第一个元素的属性值,里面包裹着路径。
第一个参数是路径,第二个参数是控制器和控制器名称。
就像登陆某个软件,左边为目录,右边显示指定目录的内容,这样实现的效果更直观,做法比较简单。
还有一种是页面跳转,它是通过其他路径直接跳转到别的页面,它一般如下显示:
href :设置/返回完整的URL
通过Id选择器选择到目录,然后点击跳转到拼接好的路径页面。
页面嵌套和页面跳转其实难度差不多,页面跳转就是到另一个页面,可以说是非常方便使用的一种方式,在很多浏览器上面,大多数点击相关的问题、新闻或者是资料、材料等等,都是使用了页面跳转,本身不在同一个页面上,又或者说可以给读者更为详细的介绍,在新的页面上让使用者理解的更全面。
页面跳转与页面嵌套对比两者有不一样的优势,可能前者更全面,可以后者更直观和通俗易懂。当然,在页面跳转还有其他方法,比如下面显示:
在window对象里面,Location属性用于窗口或框架的 Location 对象。
window.location.replace(url): 通过加载 URL 指定的文档来替换当前文档,这 个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是没有后退返回 上一页的。
在Location对象方法里边的replace作用:用新的文档替换当前文档。
也有一个assign,它的作用:是载入一个新的文档,
window.location.assign(url):加载 URL 指定的新的 HTML 文档。就相当于一个 链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个 页面。
还有一个reload() 重新载入当前文档。
也可以获取某个按钮的ID,点击跳转到其他页面,然而每个人实现这个功能都不一样,我们应该更客观去找熟练的做法,做到更优质。