js页面跳转常用的6种方式分享

这篇具有很好参考价值的文章主要介绍了js页面跳转常用的6种方式分享。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

js点击跳转链接,JavaScript,编程语言,javascript,servlet,前端

js实现页面跳转的六种方式,需要的朋友可以参考下。

第一种:

代码如下:


<script language="javascript" type="text/javascript">
window.location.href="weidianyuedu.com.jsp?backurl="+window.location.href;
</script>


第二种:

代码如下:


<script language="javascript">
alert("返回");
window.history.back(-1);
</script>


第三种:

代码如下:


<script language="javascript">
window.navigate("weidianyuedu.com.jsp");
</script>


第四种:

代码如下:


<script language="JavaScript">
self.location='weidianyuedu.com.htm';
</script>


第五种:

代码如下:


<script language="javascript">
alert("非法访问!");
top.location='weidianyuedu.com';
</script>


第六种:网址从传参获得并转向

代码如下:


<script language="javascript" type="text/javascript">
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
var theurl
theurl=request("url");
if (theurl!=''){
location=theurl
}
</script>
 

来源:https://www.weidianyuedu.com文章来源地址https://www.toymoban.com/news/detail-671068.html

到了这里,关于js页面跳转常用的6种方式分享的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript常用跳转代码:打开新页面(Open New Page)

    JavaScript常用跳转代码:打开新页面(Open New Page) 在编写网页时,经常需要在当前页面中跳转到其他页面。JavaScript提供了多种方法来实现页面跳转,其中最常用的是打开新页面。下面是一些常见的跳转代码示例。 使用window.open()函数 该代码会在新的浏览器窗口或选项卡中打开

    2024年02月06日
    浏览(33)
  • Android与H5交互 -- 点击H5跳转到 Android原生 页面 ,webview与h5(js)交互

    Android与H5交互 app开发过程中,利用原生+h5模式来开发是比较常见的 下面案例演示的是:原生调起一个H5页面,然后H5点击跳转到原生 WebViewActivity页面 调用H5 ,点击H5链接 跳转到原生MainActivity页面 注意 别忘了 !-- 添加网络权限 -- 一、清单文件,增加的配置 data的数据就是H5

    2023年04月14日
    浏览(50)
  • js有哪些常用的跳转页面方法(补)

    在JavaScript中,常用的跳转页面方法包括: 使用location对象的href属性跳转页面: 使用location对象的replace方法跳转页面(不会在浏览器历史记录中留下记录): 使用window对象的open方法打开新窗口或标签页: 使用a标签的click方法模拟点击跳转: 使用setTimeout函数延时跳转页面:

    2024年04月09日
    浏览(26)
  • 微信分享第三方连接(H5页面)自定义缩略图、标题、描述(显示分享框,而不是链接)(微信JS-SDK)

    首先要说明几个分享相关的问题: 现在微信不支持自定义按钮分享组件(也就是说不能点击某个按钮分享),只能通过微信右上角的三个小点,点击后选择分享给朋友,朋友圈等。 当前从企业微信分享到微信好友和微信朋友圈是有问题的,一些手机(有些是因为app版本,企

    2024年02月09日
    浏览(43)
  • Spring-mvc的参数传递与常用注解的解答及页面的跳转方式---综合案例

    目录 一.slf4j--日志 二.常用注解        2.1.@RequestMapping       2.2.@RequestParam       2.3.@RequestBody       2.4.@PathVariable 三.参数的传递 3.1 基础类型 3.2 复杂类型 3.3 @RequestParam 3.4  @PathVariable 3.5 @RequestBody 3.6 增删改查  四.返回值            4.1 void 返回值   4.2 String

    2024年02月09日
    浏览(43)
  • 获取小程序页面跳转链接

    1、浏览器打开微信公众平台【https://mp.weixin.qq.com/】,扫码登陆,选择小程序进行登录。  2、登陆后进入小程序首页,点击右上角【工具】,可以看到【生成小程序码】,点击进入。  3、进入获取小程序页面小程序码,在文本框输入想要跳转的小程序名称/AppID/账号原始ID,点

    2024年02月12日
    浏览(30)
  • vue点击按钮跳转页面

    在Vue.js中,你可以使用router-link或this.$router.push()来实现点击按钮跳转页面的功能,前提是你已经配置了Vue Router。以下是两种不同的方法来实现页面跳转: 方法一:使用router-link router-link 是Vue Router提供的组件,用于创建导航链接。你可以在模板中使用它来创建按钮,实现页面

    2024年02月08日
    浏览(30)
  • Unity点击按钮进行页面跳转

    省流:完整代码在底部 1、导入命名空间 2、(1)切换场景后销毁前场景 (2)切换场景后不销毁前场景 3、将脚本挂载到按钮上,添加按钮单击事件。 完整代码

    2024年02月03日
    浏览(35)
  • vue点击按钮实现页面跳转

    2024年02月12日
    浏览(33)
  • Android Studio 点击按钮实现页面跳转、网页跳转

    1)页面跳转 2)网页跳转 3)完整代码 activity_main.xml: next.xml:(准备跳转到页面的布局) MainActivity.java: nextActivity.java: 4)结果呈现 Android Studio 点击按钮实现页面跳转、网页跳转就到这了,更多Android Studio相关资料(面试题)可以扫码免费领取! 需要掌握基本知识点,比如四大

    2024年04月16日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包