页面跳转的方法

页面跳转的方法

开发工具与关键技术:Visual Studio 2015 MVC
作者:郭海明
撰写时间:2019年 6月15 日

页面的跳转,应该是每一个项目里面必不可少的一部分,因为它可以直接从一个页面跳转到另一个页面。就像我们平常浏览网页一样,点击我们需要跳转的内容,就可以进行页面的跳转了。
项目页面的跳转并不止一种方法,但他们的共同点都是需要给到要跳转的链接,才可以实现跳转到指定的页面,这是肯定而且必须的。

注意(以下项目都使用了bootstrap-4.13插件)
比如下面的这个报表类型下拉框,
在这里插入图片描述
当我们在这个页面上点击请选择的下拉框,报表类型就会从下拉框里面排列的显示出来,我们就可以对报表的类型进行选择
在这里插入图片描述
我们选中点击其中一个类型,就直接跳转到该类型的页面里面,想要实现这种的跳转功能我们就需要在视图里面对报表类型进行编写。
在这里插入图片描述
首先我们需要将下拉框的功能实现出来,里面写一个onchange,如果下拉框里面的选中值发生变化,就获取到发生变化的值。然后给下拉框的里面的value加一个跳转到具体页面的链接,用于选中之后的跳转。这样当我们选中其中的一个值的时候,只要在value里面给了正确的跳转链接,当下拉框点击选中这个报表类型时,就可以直接跳转到指定的页面了。
跳转并不仅仅可以用在下拉框里面,它的应用范围也很广,
在这里插入图片描述
比如实现按钮的跳转,只需要点击一下按钮,就可以跳到上一个页面,不需要我们手动重新打开上一个页面,
在这里插入图片描述
我们就需要在标签里面写一个按钮,并给按钮颜色。然后我们只需要在里面加一个href,href里面添加正确的跳转链接,就可以实现点击按钮的页面的跳转了。
除了按钮跳转页面,我们也还可以在图片里面实现跳转页面。
在这里插入图片描述
当我们点击这里的其中一个图片时,就可以跳转到图片所需要跳转的页面。
在这里插入图片描述
实现这个点击图片的跳转页面其实也很简单,我们只需要用一个标签将图片嵌套,然后标签里面写一个href,href里面添加要跳转的链接,然后就可以实现,点击图片就跳转到指定的正确页面。
还有文字的跳转,我们也只需要在标签写要显示的文字,然后再标签里面加一个href,href里面添加要跳转的链接,点击文字跳转到指定页面也就实现了。
类似的跳转方法还有很多,这里就不一一列出来了,但他们大部分都用到标签,在标签里面加跳转链接,实现页面的跳转。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值