页面各种跳转

一、页面跳转相关操作

(一)JavaScript 页面跳转

  1. 直接跳转(不指定时间) 在 JavaScript 中,可使用 window.location.href 实现页面的直接跳转。示例代码如下:
此代码会立即将当前页面跳转到 ../login/index 页面。
  1. 指定时间跳转 使用 setTimeout 函数可以实现指定时间后进行页面跳转。例如,要在 2 秒后跳转,代码如下:

(二)PHP 页面跳转

  1. 不加超链接给出提示直接跳转 在 PHP 中,可结合 header 函数和 HTML 的 <meta> 标签实现给出提示后自动跳转。示例代码如下:
header('Location:../login/index') 会直接将页面重定向到指定页面,但为了给用户提示信息,结合了 <meta> 标签,它会在 2 秒后自动跳转。
  1. 不给提示,直接用超链接跳转 通过 echo 输出 HTML 的超链接标签,可实现不给提示,直接用超链接跳转的功能。示例代码如下:

二、Cookie 的设置与删除

(一)设置 Cookie

使用 setcookie 函数可以设置 Cookie。示例代码如下:
此代码将 username 作为 Cookie 的名称,$username 作为其值,设置的 Cookie 有效期为 10 天,路径为根路径 /,域名是 http://yyf.com

(二)删除 Cookie

有几种方式可以删除 Cookie,示例代码如下:

三、表单请求路径设置

(一)Post 请求无对应视图(模板)时的路径写法

当 Post 请求没有相对应的视图(模板)时,请求路径可以动态生成。示例代码如下:

(二)Post 请求有对应视图(模板)时的路径写法

当 Post 请求有相应的视图(模板)时,请求路径可直接写相对路径。示例代码如下:

四、表单元素失去焦点事件 onblur

onblur 事件表示元素失去焦点,其前提是该元素必须先获得焦点(focus)。以下是一个示例,当输入框失去焦点时,检查用户名是否为空:
在上述代码中,当输入框 iduname 的元素失去焦点时,会调用 checkUser 函数,该函数会检查输入框的值是否为空,如果为空则显示提示信息。
Loading...
文章列表
王小扬博客
云原生
Git
Elasticsearch
Apollo
产品
Think
生活技巧
软件开发
计算机网络
CI
DB
设计
缓存
Docker
Node
操作系统
Java
大前端
Nestjs
其他
PHP
AI