js 跳转外部页面的方式

最新推荐文章于 2023-03-27 10:10:22 发布

原创最新推荐文章于 2023-03-27 10:10:22 发布 · 638 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 跳转外部页面的方式

普通跳转不需要携带参数的跳转

window.location='http://supermatchusa.com/activity/turntable/#/pages/index/rule'

window.location.href="bloomer://recharge/coins"

以上两种情况是指普通跳转外部链接且不需要携带参数的情况

下边这一种是携带参数的跳转方式

var url= encodeURIComponent("{\"name\":\"Turntable\",\"webUrl\":\"http://supermatchusa.com/activity/turntable/#/pages/index/winningList\"}")
 window.location="bloomer://com.s.video.bloomer/NetWeb/params?webInfoJson="+url+"&doings=Turntable"

携带参数稍微麻烦一点首先需要encodeURIComponent（）方法加密一下第二点就是符号之间需要反斜杠隔离一下根据自己的地址配置重点就是http的链接地址会被转义成乱码获取的地方会拿不到参数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冉茉莉

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript常用跳转代码：打开新页面（Open New Page）

laugh666的博客

08-29

2429

无论是在开发网页还是Web应用程序中，掌握JavaScript的跳转代码对于实现页面导航和交互功能至关重要。通过灵活使用跳转代码，你可以实现页面之间的无缝切换，提升用户体验和功能性。除了上述常用的跳转方式，JavaScript还提供了其他一些方法，如使用表单提交、使用location.replace()等。将上述代码嵌入到HTML页面中，用户点击该链接时将在新窗口或选项卡中打开指定的URL。该代码会在新的浏览器窗口或选项卡中打开指定的URL。是你想要跳转的页面的URL地址，需要注意的是，以上代码中的。

jQuery移动web开发之页面跳转和加载外部页面的实现

10-23

页面跳转是移动Web应用中常见的需求之一，而jQuery Mobile提供了专门的方法来处理页面之间的跳转和加载外部页面。在jQuery Mobile中，页面跳转主要可以通过changePage()方法实现，而加载外部页面则可以通过loadPage...

参与评论您还未登录，请先登录后发表或查看评论

js中几种实用的跨域方法原理详解

萌萌的It人 www.itmmd.com

07-15

2582

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法：一、通过jsonp

js跳转代码

ranshouxu的专栏

05-28

593

第种:window.location.href="login.jsp?backurl="+window.location.href; 第 2种:alert("返回");window.history.back(-1);第 3种:window.navigate("top.jsp");第 4种:self.location=top.htm;第 5种:alert("非法访问！");top.loc

JS跳转外部链接

这个人懒得写博客简介

03-27

461

【代码】JS跳转外部链接。

使用JavaScript在IE浏览器中提示跳转到其他浏览器

qq_42239585的博客

11-25

2822

使用JavaScript在IE浏览器中提示跳转到其他浏览器 <script type="text/javascript"> (function(window){ var userAgent = navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;

js页面跳转常用的几种方式

12-10

第一种：代码如下: [removed] [removed].href=”jb51.jsp?backurl=”+[removed].href; [removed] 第二种：代码如下: [removed] alert(“返回”); window.history.back(-1); [removed] 第三种：代码如下: ...

Javascript页面跳转常见实现方式汇总

11-22

相信很多Web开发者都知道，在开发Web程序的时候，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式，拿出和大家共享一下。第一种：直接跳转...

在Js页面通过POST传递参数跳转到新页面详解

12-02

最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。遇到的问题因为一开始是 GET 请求，所以当传递的数据过大的时候，...

静态页面html中跳转传值的JS处理技巧

10-22

在这个例子中，我们首先通过`<script>`标签引入了一个外部的JavaScript文件getUrlParam.js，这个文件包含了解析URL参数的函数。随后，使用`UrlParm.parm("name")`方法获取名为name的参数值，并使用`alert()`函数弹出...

js判断微信打开提示在浏览器打开代码

02-19

js判断微信打开提示在浏览器打开代码是否微信打开 js判断微信

华为鸿蒙JSAPI跳转第三方应用

Drumsticks的博客

12-30

2196

以跳转支付宝基金页面为例，需要API版本6以上官方文档 import featureAbility from '@ohos.ability.featureAbility'; 方法体： var str = { "StartAbilityParameter": { "want": { "uri": "alipays://platformapi/startapp?appId=20000793", "action": "andr

通过js判断微信内置浏览器跳转到外部浏览器打开

weixin_30651273的博客

12-29

2086

在涉及移动端微信推广的项目时，由于对推广需求的精细化，不仅需要推广效率，还有始终保证域名在微信中的正常状态，我们解决方案在微信、QQ、支付宝内置浏览器给出相应的提示。 function is_neizhi() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "...

js加载外部链接html,用js加载外部网页

weixin_32413167的博客

06-24

2214

加function ajaxFunction(id, url){var xmlHttp;try {// Firefox, Opera 8.0+, SafarixmlHttp = new XMLHttpRequest();} catch (e) {// Internet Explorertry {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");} catc...

js 跳转链接的几种方式

aici0819的博客

04-19

1486

1、跳转链接在当前窗口打开 1 window.location.href="http://www.baidu.com" 等价于 <a href="baidu.com" target="_self">go baidu</a> 2、跳转链接在新窗口打开 ...

js跳转到指定url

最新发布

08-22

在 JavaScript 中，`window.location.href` 用于实现页面跳转，但其本身是同步操作，并且一旦执行成功，当前页面会立即卸载并跳转到目标地址。因此，无法直接检测跳转是否失败，因为脚本执行会在跳转后停止。不过，可以通过一些间接方式检测跳转是否可能失败，例如通过监听 `beforeunload` 或 `unload` 事件，或者使用超时机制来判断跳转是否未如期发生。 ### 1. 使用 `beforeunload` 事件检测页面是否即将卸载 `beforeunload` 事件会在页面即将卸载前触发，可以用于确认跳转是否开始执行。 ```javascript window.addEventListener('beforeunload', function (e) { console.log('页面即将跳转或关闭'); }); ``` 但此方法无法明确判断跳转是否成功，仅能确认页面开始卸载。 ### 2. 使用超时机制检测跳转是否未发生可以在调用 `window.location.href` 后设置一个定时器，如果在预期时间内页面未跳转，则认为跳转失败。 ```javascript function navigateWithTimeout(url, timeout = 3000) { const originalHref = window.location.href; window.location.href = url; setTimeout(() => { if (window.location.href === originalHref) { console.error('跳转失败或被阻止'); } }, timeout); } ``` 该方法依赖于页面状态的比较，适用于单页应用或局部刷新场景。 ### 3. 在跳转前使用 `fetch` 或 `XMLHttpRequest` 预检目标页面是否可达虽然无法直接检测外部页面是否可访问（受跨域限制），但可以通过预检目标页面的 HTTP 状态码来判断其是否可达（需目标服务器支持 CORS）。 ```javascript fetch(url, { method: 'HEAD', mode: 'no-cors' }) .then(response => { console.log('目标页面存在'); window.location.href = url; }) .catch(error => { console.error('目标页面不可达或跨域限制', error); }); ``` 注意：由于浏览器安全策略限制，`fetch` 在跨域请求时无法获取详细错误信息，因此此方法不保证完全准确。 ### 4. 结合 `try...catch` 捕获同步异常（较少使用）虽然 `window.location.href` 不会抛出异常，但如果赋值时出现语法错误或类型错误，仍可被捕获。 ```javascript try { window.location.href = undefined; // 故意传入非法值 } catch (e) { console.error('赋值失败:', e.message); } ``` 此类错误通常与开发错误相关，而非运行时跳转失败。 ### 5. 使用 `window.onerror` 捕获全局错误（适用于脚本加载失败）如果跳转失败是因为加载脚本或资源失败，可以结合全局错误监听器进行辅助检测。 ```javascript window.onerror = function(message, source, lineno, colno, error) { console.error('全局错误:', message, error); return true; }; ``` ### 总结由于浏览器的安全机制和页面跳转的同步特性，JavaScript 无法直接检测 `window.location.href` 是否跳转成功。通常采用间接方法，如超时检测、预检请求、事件监听等手段进行判断。实际应用中应结合具体场景选择合适策略。 ---