浏览器百度点击第二页时仍然跳转到第一页

修复Google浏览器百度跳转问题
最新推荐文章于 2024-02-02 10:04:48 发布
最新推荐文章于 2024-02-02 10:04:48 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 前端 ViewUI
原文链接：http://www.cnblogs.com/operationhome/articles/9704997.html
本文介绍了一种常见问题的解决方案，即当在Google浏览器中使用百度搜索时，页面跳转失败的情况。问题源于JavaScript被禁用，通过调整浏览器设置即可解决。

问题：

最近在使用google浏览器的时候发现我在使用百度的时候，当我百度完内容后，我在底部点击第二页的时候，发现内容还是显示在第一页，跳转不成功。

是什么导致的？原因是JavaScript脚本没有执行成功，可能是我们无意间设置了关闭执行网页脚本，或者是屏蔽了该网站。我们打开google浏览器的设置，---》高级 -----》内容控制---》JavaScript。发现我们屏蔽了javaScripts,并且禁止了www.baidu.com网站的JavaScript执行，所以我们跳转不成功。

 

 

解决方法：

打开google浏览器的设置，---》高级 -----》内容控制---》JavaScript

这样就可以解决上面百度跳转的问题了。此文章仅为记录。

 

转载于:https://www.cnblogs.com/operationhome/articles/9704997.html

PHP实现根据浏览器跳转不同语言页面代码
12-18
同时，为了处理更复杂的情况，如用户的`Accept-Language`字段包含多个优先级的语种，可能需要解析并处理整个列表，而不是仅检查第一个值。 在实际应用中，为了提高用户体验，还可以考虑添加一些额外的功能，比如...
js实现浏览器倒计时跳转页面效果
10-21
它接受两个参数，第一个是每次间隔需要执行的函数，第二个是间隔的毫秒数。 3. 设置倒计时变量：在这个例子中，我们定义了两个变量`sec`和`i`，其中`sec`是获取到用于显示倒计时的`<span>`元素，而`i`是倒计时的...
MacOS Safari浏览器百度搜索总是自动跳回第一页
liziliyeh的博客
11-20 5973
在MacOS 10.14.6 Majave上使用Safari 浏览器14.1.2版本时，在使用百度搜索时，突然无法进入下一页的搜索内容，总是跳回第一页，发现是没有启用JaveScrip，在偏好设置-安全性-勾选『启用JavaScript』，启用JaveScrip即可，不用重启浏览器。 ...
百度推送始终跳转不到指定页面
别了高山
06-14 1130
做到百度推送的时候指定跳转始终不行，按照官方demo调试半天也没解决 始终提示  context.getApplicationContext() 是一个空指针，哎。最后 加了这句话问题解决   intent.setAction(Intent.ACTION_MAIN);   intent.addCategory(Intent.CATEGORY_LAUNCHER);
百度搜索打不开第二页_SEO排名，为什么相同关键词，搜索结果排名不同？
weixin_39929138的博客
11-18 363
在最近一段时间里，当我们去搜索某一个关键词的时候，我们经常会看到不同的搜索结果排名，通常情况下，存在如下两种情况：① 同一个用户搜索相同关键词，排名结果不同。② 不同用户搜索相同关键词，排名结果不同。这对于一些刚入行的小伙伴来讲，非常让人困惑，根本不清楚到底是什么原因，产生上述问题。那么，搜索同一个关键词，为什么排名不一样？根据以往关键词优化的经验，蝙蝠侠IT，将通过如下内容阐述：一、相同用户对于...
如何解决firefox打开链接自动跳转至新页面？
清风小阁
02-25 9381
如果这个键不能用的话，在地址栏里输入about:config，找到browser.tabs.loadDivertedinbackground 双击它，改为True，就可以了。注意在选项里的标签式浏览最后一项不要打勾（改了:D)
把百度设置为搜索引擎后总是跳转到百度首页的解决办法
热门推荐
a20101021202的专栏
01-23 2万+
1、首先找到设置 2、然后点击管理搜索引擎 3、打开管理搜搜引擎后，自己填写一个搜索引擎，1和2的两个空格可以随意写，第三个空格填写 http://www.baidu.com/s?tn=mswin_oem_dg&ie=utf-16&word=%s 4、然后把刚才填写的设为默认的搜索引擎就可以了
Vue项目页面跳转时浏览器窗口上方显示进度条功能
11-21
然而，路由懒加载会使得我们在第一次打开一个新页面的时候，会有一个加载时间。如果在这个时候我们没有一个提示的话，给人的感觉会是好像我点了页面跳转但是没反应。所以，这个时候我们可以加一个进度条来告知用户。...
js点击button按钮跳转到另一个新页面
10-25
在网页开发过程中，实现点击按钮跳转到另一个页面是一个常见的需求。这可以通过JavaScript来实现，因为JavaScript提供了一种机制，可以不刷新当前页面的情况下，通过编程实现页面的跳转。下面详细地介绍如何使用...
IE已经合并进Edge浏览器的解决办法，打开IE自动跳转到Edge浏览器的解决办法
01-30
1. **打开Microsoft Edge**：启动Edge浏览器，这是解决此问题的第一步。如果你的默认浏览器是IE，但每次打开都跳转到Edge，那么你应该能在任务栏或者应用程序列表中找到Edge图标。 2. **进入Edge设置**：在Edge的右...
百度搜索打不开第二页_如何查询百度关键词精准收录位置以及收录量（附代码）...
weixin_39626162的博客
12-11 537
现在很多企业以及个人都开始建立自己的网站（毕竟建立一个个人的网站或企业网站是很快的），设置好自己的推广关键词来进行自己的站点内的文章更新以及二开。但是很多都是做了一段时间都放弃了要不然是因为没有带来收益，要不然就是达不到预计的效果。导致很多人都最后放弃了。 也有很多人三方开始代做关键词推广，推广别人的品牌查看百度的收录量来进行收费，现在这种情况很多，只要到百度去搜索就有很多...
解决Chrome浏览器搜索内容后，打开内容链接总是在当前标签页打开的问题
自由如风的博客
02-02 1787
Chrome 浏览器搜索内容后，打开内容链接总是在当前标签页打开
豆瓣链接打开之后总是跳转首页
Ihaveagun的博客
05-14 4281
豆瓣链接打开之后总是跳转首页
如何在前端解决刷新后还是跳转到当前页面而不是跳转到第一页
Andre_dong的博客
11-28 2834
在我们上一章讲过，前端写好了分页方法后，要给后台发送请求，让后台去完成这个请求过程，所以我们要添加下面的这个配置 这个配置是否正确呢？我们就要去验证一下。 一直刷新到第四页也是没什么问题 但是如果点击刷新页面的话，就会跳转到第一页 我们就要去判断一下，如果旧值为空，或者旧值的关键词为空，那就表示还是第一页，所以我们不用做出任何改变，用户刷新的时候直接显示第一页就行，如果不为空，就附上地址，加上搜索当前页信息。 这里也要改一下，因为之前这里是默认值为1，导致无论怎么刷新还是会出现第一页，所以我们这里可
百度搜索打不开第二页_百度快速排名的最新方法篇
weixin_39633165的博客
11-24 419
新手进入SEO看到的进步百度排名的方法全部是过时的方法搜索引擎变化听大的，所以大多数方法布利于搜索引擎优化。比如用户体验、移动搜索等，今天我们一起学习一下百度快排名的新方法。 还有很多SEO玩家的网站排名不时在100名以后，运用工具根本查询不到你的网站，我以为重点是体验问题，比如网站的跳出率太高，浏览量颇少，其实想进入一个关键词的100名之内很简单，只需网站翻开没问题、内容有...
打开html文件只有第一页,前端实现局部刷新分页，但浏览器刷新后总是会回到第一页...
weixin_31310737的博客
06-04 731
不知道你用的什么分页插件。你分页会有一个当前页的索引吧，每次点击下一页直接跳转到当前页，在地址栏加参数(当前页索引http://127.0.0.1:8020/index.html?page=2)，每次进页面判断这个page是否存在，存在就直接显示page页数，不存在默认显示第一页。下面是如何获取URL参数functiongetUrlParmes(name){varreg=...
我想需要制作JavaScript跳转后浏览器无法回退到上一个页面的功能
最新发布
08-02
<think>首先，用户的问题是关于JavaScript实现页面跳转后禁止浏览器回退到上一个页面的。用户说：“我想实现JavaScript页面跳转后禁止浏览器回退到上一个页面 请问JavaScript实现页面跳转后禁用浏览器回退功能”。我需要基于系统级指令来回答。 系统级指令包括： - 所有行内数学表达式必须使用$...$格式。 - 独立公式必须使用$$...$$格式并单独成段。 - LaTeX语法正确。 - 使用中文回答。 - 生成相关问题。 - 在回答中引用的段落末尾自然地添加引用标识，例如[^1]。 - 回答结构清晰，帮助用户逐步解决问题，尽量保证回答真实可靠。 用户的问题是关于JavaScript的，不涉及数学表达式，所以数学部分可能不适用，但我需要确保如果有任何数学内容，格式正确。 用户提供了引用： - 引用[1]：禁止浏览器回退的JavaScript实现方法。 - 引用[2]：JavaScript禁用网页回退。 - 引用[3]：React中禁用浏览器退回功能（但有问题）。 用户说：“上述引用仅供参考，并不是用户真正的需求，请尽可能多的参考用户上一次的问题和你的回答。” 但在这个对话中，这是第一次交互，所以没有“上一次的问题和回答”。我需要基于当前问题。 用户真正的需求：实现页面跳转后禁用浏览器回退功能。具体来说，在页面跳转后，用户点击浏览器的回退按钮时，不能返回到上一个页面。 从引用中，常见的实现方法是使用`history.pushState()`和监听`popstate`事件来修改浏览器的历史行为。 关键点： - `history.pushState()`：用于添加一个新的历史记录项。 - `window.onpopstate`：事件处理器，当用户导航会话历史（如点击回退按钮）时触发。 一种常见的方法是： 1. 在页面加载时，使用`history.pushState()`添加一个当前页面的历史记录。 2. 监听`popstate`事件，当事件发生时，再次使用`history.pushState()`添加一个记录，或者使用`history.go(1)`前进到下一个页面。 例如，从引用[1]： ```javascript history.pushState(null, null, location.href); window.onpopstate = function () { history.go(1); }; ``` 从引用[2]： ```javascript history.pushState(null, null, document.URL); window.addEventListener('popstate', function() { history.pushState(null, null, document.URL); }); ``` 用户提到页面跳转后，所以可能是在跳转后的新页面中实现这个。 在React例子中（引用[3]），有提到问题，比如监听器移除失败，导致在其他页面回退按钮也失效。所以需要注意实现细节。 回答结构： - 结构清晰，逐步解决问题。 - 使用中文。 - 最后生成相关问题。 步骤： 1. 解释问题：为什么需要禁止回退，常见场景（如防止重复提交表单）。 2. 提供实现方法：基于JavaScript。 3. 代码示例。 4. 注意事项：比如兼容性、潜在问题（如引用[3]中的问题）。 5. 生成相关问题。 由于用户要求“页面跳转后”，所以代码应该放在跳转后的页面上执行。 完整实现： - 在目标页面（跳转后的页面）的JavaScript中，添加代码来阻止回退。 代码示例： ```javascript // 在页面加载时执行 window.onload = function() { // 添加一个新的历史记录项 history.pushState(null, null, document.URL); // 监听popstate事件 window.addEventListener('popstate', function(event) { // 当用户尝试回退时，再次添加当前页面到历史记录 history.pushState(null, null, document.URL); // 或者，可以重定向到当前页面或其他处理 // 例如：history.go(1); 但可能不总是有效 }); }; ``` 注意事项： - 这种方法不是100%可靠，因为浏览器行为可能不同。 - 用户仍然可以通过其他方式导航（如直接输入URL）。 - 在SPA（单页应用）中，可能需要更复杂的处理，如引用[3]中的React例子。 - 移除事件监听器以避免内存泄漏或影响其他页面。在单页应用中，当组件卸载时，应移除监听器。 在引用[3]中，有提到在React中使用`useEffect`来添加和移除监听器，但移除失败。所以，在实现时，要确保在不需要时移除监听器。 对于用户的问题，既然是在页面跳转后（可能是新页面加载），所以移除可能不是大问题，因为页面刷新或离开时会清除。 但为了健壮性，最好在页面卸载时移除监听器。 在回答中，引用参考：引用[1]和[2]提供了类似方法，所以我可以自然地添加引用标识。 例如：“一种常见的方法是使用`history.pushState()`和`popstate`事件来阻止回退[^1][^2]。” 生成相关问题： - 类似示例中的格式。 - 例如： 1. 这种方法在所有浏览器中都有效吗？ 2. 如何在使用框架如React或Vue时实现这个功能？ 3. 禁用浏览器回退有什么潜在风险？ 最后，确保回答真实可靠。基于Web标准，但指出限制。</think>### JavaScript实现页面跳转后禁用浏览器回退功能 在Web开发中，有时需要在页面跳转后禁用浏览器的回退功能，以防止用户返回到前一个页面（例如，支付完成页避免重复提交订单）。这可以通过JavaScript操作浏览器的历史记录API来实现。以下是逐步说明和实现方法： #### 核心原理 浏览器回退功能基于历史记录栈。当用户点击回退按钮时，会触发`popstate`事件。我们可以通过以下方式干预： 1. **添加冗余历史记录**：使用`history.pushState()`在跳转后的页面添加一个新记录，使当前页面成为历史栈的最新项。 2. **拦截回退事件**：监听`popstate`事件，当用户尝试回退时，立即用`history.pushState()`或`history.go(1)`强制停留在当前页面或前进。 #### 实现步骤 1. **在跳转后的页面加载时添加历史记录** 确保在目标页面（跳转后的页面）的JavaScript中执行此操作。 2. **监听并处理回退事件** 使用`window.addEventListener('popstate', ...)`捕获回退行为。 以下是完整代码示例： ```javascript // 在跳转后的页面中执行（例如，在页面加载事件中） window.onload = function() { // 添加当前页面到历史记录栈 history.pushState(null, null, document.URL); // 监听回退按钮事件 window.addEventListener('popstate', function(event) { // 用户点击回退时，再次添加当前页面记录 history.pushState(null, null, document.URL); // 可选：提示用户禁止回退 alert('当前页面禁止回退操作'); }); }; ``` #### 关键代码说明 - `history.pushState(null, null, document.URL)`： 添加一个新历史记录项，参数为状态对象、标题（现代浏览器忽略）和URL。这里使用`document.URL`确保记录当前页面。 - `popstate`事件监听： 当用户触发回退（包括浏览器按钮或快捷键）时，立即重新添加当前记录，覆盖回退动作。 #### 注意事项 1. **兼容性与限制**： - 该方法在主流浏览器（Chrome、Firefox、Edge）中有效，但依赖HTML5 History API，不支持IE9及以下版本[^1]。 - 无法完全阻止所有导航方式（例如，用户手动输入URL或刷新页面）。 2. **单页应用(SPA)中的问题**： 在React/Vue等框架中，需在组件卸载时移除事件监听，避免内存泄漏或影响其他页面功能（如引用[3]中React案例的问题）： ```javascript // React示例：在useEffect中添加和清理 useEffect(() => { history.pushState(null, null, document.URL); const handlePopState = () => { history.pushState(null, null, document.URL); }; window.addEventListener('popstate', handlePopState); return () => { window.removeEventListener('popstate', handlePopState); // 组件卸载时移除监听 }; }, []); ``` 3. **用户体验考虑**： - 避免滥用：仅在必要时（如支付完成页）使用，否则可能干扰用户正常浏览。 - 提供替代导航：例如添加“返回首页”按钮引导用户。 #### 替代方案 - **重定向替换历史记录**： 跳转时用`location.replace()`代替`location.href`，直接替换当前历史记录项： ```javascript // 跳转时禁用回退到原页面 location.replace('https://目标页面.com'); ``` 此方法简单，但仅适用于跳转阶段，无法在目标页面阻止后续回退。 ### 总结 通过`history.pushState()`和`popstate`事件监听，可有效实现页面跳转后禁用浏览器回退功能[^1][^2]。核心是操控历史记录栈，强制用户停留在当前页面。实现时需注意浏览器兼容性、SPA框架的清理逻辑，并权衡用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值