JavaScript页面跳转-程序员宅基地

技术标签: 笔记  前端  javascript  开发语言  

一般地,在许多功能设计时需要用到页面跳转的功能。例如登录成功后进入主页、注册成功后进入登录页面等。可见,必要的页面跳转几乎关系到下一步功能的完成与实现。

JavaScript作为web的行为,单纯的JavaScript也可以实现页面跳转。学会了简单的js操纵页面跳转后,为以后学习更加强悍的JavaScript技术栈打下了扎实的基础。

1.最简单的描点链接跳转:

使用a标签轻松实现页面的跳转,不过是锚向了目标页面。在a标签中为href属性设置页面的url地址即可。

<a href="[url]">跳转</a>

2.JavaScript内置对象实现页面跳转:

window是js的顶层设计,location是window的一个对象。当然,document对象也是window的一个属性。

指明location对象的href属性进行跳转:

window.location.href=[url];

使用location对象的assign()函数进行跳转:

window.location.assign([url]);

3.动态网站使用服务器端语言的内置对象进行跳转:

像ASP、PHP、JSP这样的服务器端语言,都有response这样的内置对象,它提供了一系列方法进行页面跳转。例如重定向、输出脚本到客户端等。

4.一些强大的JavaScript框架进行网址路由:

如今诞生了许多JavaScript技术,例如React.js、Angular.js、Vu.js技术,有着一套复杂的route路由规则,编写业务逻辑代码,使用网址路由轻易实现了页面跳转。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_54998648/article/details/126504607

智能推荐

Wireshark抓取数据包_wireshark如何抓取clink数据包-程序员宅基地

文章浏览阅读3.8k次,点赞5次,收藏16次。分析ICMP协议数据包实验原理 ping是用来测试网络连通性的命令,一旦发出ping命令,主机会发出连续的测试数据包到网络中,在通常的情况下,主机会收到回应数据包,ping采用的是ICMP协议。实验步骤 在过滤条件中分别输入“icmp” 点击开始抓包,为了抓取使用ICMP的包,我们要设置过滤条件,点击“选项”。 这是可以看到抓包过滤按钮后面..._wireshark如何抓取clink数据包

如何在word里面输出框框 里有勾√-程序员宅基地

文章浏览阅读659次。在Word文档中输入数字“2611”然后按下键盘上的快捷键 ALT + X此时,这几个数字就会转换成方框内打钩符号_√

动态修改vue页面title_vue 动态改变页面 title 取接口的动态值-程序员宅基地

文章浏览阅读682次。一,只需要在获取数据的时候,给其进行赋值就可以了// 获取数据getDetail(page, pageSize).then(resp => { if (resp.errCode == 0) { docment.title = resp.data.data.textTitle // 赋值页面数据 }else { this.$message.error(resp.msg) }})二,自己手动写// 在路由中routes: [ { name: 'home' path: _vue 动态改变页面 title 取接口的动态值

Software Engineering - The Soft Parts软件工程-软件部分_the main value in software is not the code produce-程序员宅基地

文章浏览阅读678次。Today I'll share some of the software engineering "soft skills" I've learned from my first 10 years on Google Chrome, where I am a Senior Staff Engineering Manager. On my 10th anniversary, I wanted to reflect on some of lessons that have stayed with me. I _the main value in software is not the code produced, but the knowledge accum

unity 老版本 离线下载_unitia离线版-程序员宅基地

文章浏览阅读989次。unity老版本,BT方式无资源怎么办?用离线下载https://offcloud.com/#/instant_unitia离线版

如何获取淘宝 AppKey、AppSecret、SessionKey-程序员宅基地

文章浏览阅读2.7k次。获取授权码:https://oauth.taobao.com/authorize参数:client_id 必选 值 : 你的appkey的值response_type 必选 值 : coderedirect_uri 必选 值 : urn:ietf:wg:oauth:2.0:oob最终地址 : https://oauth.taoba..._java获取淘宝sessionkey

随便推点

HTML5&CSS3基础:HTML的列表,超链接(2)_css,html阶段案例风云人物列表页面超链接-程序员宅基地

文章浏览阅读521次,点赞2次,收藏2次。该篇文章主要对HTML的列表和超链接进行知识小结,包含了几种列表和超链接的定义、组成、格式等。文章目录第一节:课程简介第三节:HTML的简介、标记、属性前言一、列表1. 无序列表1.1 标记组成1.2 标记属性1.3 语法格式及用法2. 有序列表2.1 标记组成2.2 标记属性2.3 语法格式及用法3.定义列表3.1 标记组成3.2 语法格式及用法4.列表嵌套二、超链接1. 超链接标记2. 文件路径3. 超链接其它用法第一节:课程简介点击访问第一节内容第三节:HTML的简介、标记、属性..._css,html阶段案例风云人物列表页面超链接

为何现在开源OA越来越热门?_open oa-程序员宅基地

文章浏览阅读194次。开源软件,有何缺点和优点?如上图所示:一种典型的回答是,优点就是可以自己改,缺点是安全性差。当然,从优点上来讲,选择开源OA或者开源软件有非常多的优点,可不仅仅是可以自己改和便宜,比如:1、能更详细地了解供应商或者选择的项目是否优质,代码一看就明白了;2、可以得到更好的技术支持,发布开源软件的开发者一般都会留下联系方式,遇到问题可以直接通过公开的方式进行联系,解决自己遇到的问题;3、因为有很多人都在使用,项目的迭代会持续进行,相当于大家都在为同一个项目不断提供经验,不断修复问题,项目_open oa

Vue.js 中v-on的事件修饰符【笔记】_js常用的修饰符-程序员宅基地

文章浏览阅读1.3k次。1、Vue.js中修饰符使用:在指令后缀通过点( . )来调用修饰符。<a v-on:click.stop="doThis"></a>举个例子:一个嵌套div,分别添加click事件。<div id="aa" @click="doaa"> <div id="bb" @click="dobb"></div></div>点击以后会相继执行dobb和doaa方法,此时我们可以通过加修饰符的方式来阻止冒泡事件。<div _js常用的修饰符

OpenOffice开发者指南笔记_com/sun/star/lib/uno/helper/unourl-程序员宅基地

文章浏览阅读1w次,点赞2次,收藏4次。一、1. Text Document modal 是document模型,其下有一个controller,controller不是用来改变document的,而是用来负责显示效果,比如自动换行,光标,放大缩小。 其包括5部分:text service manager_com/sun/star/lib/uno/helper/unourl

django项目admin后台整合tinymce富文本编辑并自定义添加图片本地上传和富文本中的回显...-程序员宅基地

文章浏览阅读527次。前言我们常因为django的自带admin后台功能而选择该框架,但也因为其自动生成的特殊性而在做出特别的更改的时候束手束脚,鉴于项目已经采用了django,而后台要求能够直接上传富文本内容直接用于网页显示,定制性高,后来翻了目前较为知名的几款富文本编辑框,觉得还是tinymce符合能够集成到django admin的简便条件,但是tin..._tinymce 支持图片上传和回显

多GPU训练 5bf60_秋叶 多 gpu 训练-程序员宅基地

文章浏览阅读4.2k次。多GPU 进行深度学习_秋叶 多 gpu 训练