JavaScript - 实现页面访问跳转及重定向

最新推荐文章于 2024-01-02 09:44:08 发布

WkpzScratch

最新推荐文章于 2024-01-02 09:44:08 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript php

本文链接：https://blog.youkuaiyun.com/WkpzScratch/article/details/133561475

php 专栏收录该内容

109 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何利用JavaScript和PHP实现页面访问控制。当从页面A访问页面B时，B页面正常显示；而直接访问B页面时，通过JavaScript重定向回页面A。详细步骤包括创建pageA.php和pageB.php，设置PHP判断及JavaScript的点击事件处理，确保访问逻辑正确执行。

在这篇文章中，我们将讨论如何使用 JavaScript 实现以下功能：当从页面 A 访问页面 B 时，B 页面将正常显示，但是直接访问页面 B 时，将会跳转到页面 A。我们将使用 PHP 和 JavaScript 来实现这一功能。

首先，我们将创建两个简单的页面：A 页面和 B 页面。创建两个名为 pageA.php 和 pageB.php 的文件，并分别在其中添加以下内容：

pageA.php

<!DOCTYPE html>
<html>
<head>
    <title>页面 A&

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WkpzScratch

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

如何在javascript中重定向新页面

一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！

08-09

1139

作为前端开发专家，掌握这些方法的底层原理、适用场景、兼容性差异以及潜在风险，是构建健壮、安全且符合标准的 Web 应用的基础能力。这与服务器端通过 HTTP 状态码（如 301、302）进行的重定向不同，JavaScript 实现的是客户端重定向（Client-Side Redirect），它发生在页面加载之后，由运行时脚本主动触发。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。性能方面，重定向会触发完整的页面加载周期，消耗网络资源和时间。

JavaScript实现页面跳转的几种常用方式

10-23

在Web开发过程中，页面跳转是一个常见的需求，而JavaScript提供了多种方式来实现页面之间的跳转。接下来，我们将详细介绍几种常用且具有代表性的JavaScript页面跳转方式，并对比它们的实现技巧与注意事项。第一种...

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

javascript系列之页面的重定向

StayAlive1887的博客

08-09

2430

2.2 在重定向到新网页之前，你可以提示网站的访问者一些合适的信息。这会有一点的延迟加载新的网页。下面的例子演示了这个功能，setTimeOut()函数是一个内置的javascript函数，它可以在给定时间后执行另一个方法。你可能经常遇到这样一种情况：当你点击一个URL的时候，你跳到了A网页，但是却定位到B网页。发生这样的情况，就是由于网页的重定向。2.1使用javascript可以非常简单的实现客户端网页的重定向。从原网页重定向有很多种原因。1.1什么是页面的重定向？"在10秒后，你将重定向到百度网站"

js实现页面跳转重定向的几种方式

12-03

第一种：代码如下: [removed] [removed].href=”http://shanghepinpai.com”; [removed] 第二种：代码如下: [removed] alert(“返回”); window.history.back(-1); [removed] 第三种：代码如下: [removed] window.navigate(“http://shanghepinpai.co

介绍3种JavaScript重定向到另一个网页的方法

web前端开发

11-01

3670

在JavaScript中有好几种方法可以重定向到另一个网页，这个在项目开发中经常会用到，所以不熟悉的童鞋可以学下啦，首先我们介绍有哪些方法?如何使用JavaScript重...

页面重定向js

I_198928的专栏

12-26

606

我对js几乎是小白，但是也要赶鸭子上架开始。今天遇到一个问题，在页面表单填完信息保存后，需要将框架的页面部分跳转到列表页面：网上查到的资料都是通过window.location=url或者是location.hre= url之类的方法，通常都是全页面跳转，不符合我的部分页面跳转需求。我的解决办法是：在原本的页面： ……(页面内容） …

js重定向跳转页面

weixin_30690833的博客

03-15

122

重定向方式： 1> window.location ='www.baidu.com'; window.location='/'; window.location='/logout/'; 2>window.location.href＝'www.baidu.com'; 地址同上用法 3>setTimeout('/logout/',3000); 3秒后跳转到l...

JS重定向跳转代码

那支歌的博客

09-10

463

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="http://www.baidu.com" target="_blank" id="aid">点我试试！</a> <script> window.on

js页面跳转或重定向

热门推荐

a_靖的博客

04-08

1万+

微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。正文：页面重定向推荐的4种方式： <!DOCTYPE html> <html> <head> <script type="text/javascript"> window.location.href="https://blog.csdn...

JavaScript 页面跳转、页面重定向

Andrew_SJ的博客

08-06

6271

JavaScript 实现页面跳转重定向可以使用以下两种方法： 1. window.location.replace(“url”) 类似 HTTP 重定向 将地址替换成新 url，该方法通过指定 URL 替换当前缓存在历史里（客户端）的项目，因此当使用 replace 方法之后，你不能通过"前进"和"后退"来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！ 2. window.location.href=“url” 类似点击 a 标签的链接。跳转到指定的 url。例子： // 类似 HTTP

.JS中如何将页面重定向到另一个页面？

yangAugust的博客

12-12

179

a、使用 location.href：window.location.href =“https://www.baidu.com/” b、使用location.replace：window.location.replace(" https://www.baidu.com/;");

JS中如何将页面重定向到另一个页面？

Zhangvss的博客

11-24

880

a、使用 location.href：window.location.href =“https://www.baidu.com/” b、使用location.replace：window.location.replace(" https://www.baidu.com/;");

JS中如何将页面重定向到另一个页面

yangAugust的博客

11-21

272

a、使用 location.href：window.location.href =“https://www.baidu.com/” b、使用location.replace：window.location.replace(" https://www.baidu.com/;");

js实现页面跳转

随风奔跑的桉树

07-09

8631

1、跳到b页面window.location.href='b.html'2、返回上一个页面window.history.back(-1)3、跳转到b页面（只适用于ie）window.navigate('b.html')4、跳转到b页面self.location.href='b.html'从字面上就可以理解到 window 指的是当前窗口而 self 指的是自己在HTML 中由于页面可以镶...

javaScript重定向页面

刘涛的博客

04-11

778

Js文件： window.onload = initAll; function initAll() { document.getElementById("redirect").onclick =initRedirect; } function initRedirect() { window.location = "jswelcome.html"; return false; } 网页文件：

JS 实现页面跳转的几种方法