页面各种跳转
一、页面跳转相关操作
(一)JavaScript 页面跳转
- 直接跳转(不指定时间)
在 JavaScript 中,可使用
window.location.href
实现页面的直接跳转。示例代码如下:
此代码会立即将当前页面跳转到
../login/index
页面。- 指定时间跳转
使用
setTimeout
函数可以实现指定时间后进行页面跳转。例如,要在 2 秒后跳转,代码如下:
(二)PHP 页面跳转
- 不加超链接给出提示直接跳转
在 PHP 中,可结合
header
函数和 HTML 的<meta>
标签实现给出提示后自动跳转。示例代码如下:
header('Location:../login/index')
会直接将页面重定向到指定页面,但为了给用户提示信息,结合了 <meta>
标签,它会在 2 秒后自动跳转。- 不给提示,直接用超链接跳转
通过
echo
输出 HTML 的超链接标签,可实现不给提示,直接用超链接跳转的功能。示例代码如下:
二、Cookie 的设置与删除
(一)设置 Cookie
使用
setcookie
函数可以设置 Cookie。示例代码如下:此代码将
username
作为 Cookie 的名称,$username
作为其值,设置的 Cookie 有效期为 10 天,路径为根路径 /
,域名是 http://yyf.com
。(二)删除 Cookie
有几种方式可以删除 Cookie,示例代码如下:
三、表单请求路径设置
(一)Post 请求无对应视图(模板)时的路径写法
当 Post 请求没有相对应的视图(模板)时,请求路径可以动态生成。示例代码如下:
(二)Post 请求有对应视图(模板)时的路径写法
当 Post 请求有相应的视图(模板)时,请求路径可直接写相对路径。示例代码如下:
四、表单元素失去焦点事件 onblur
onblur
事件表示元素失去焦点,其前提是该元素必须先获得焦点(focus
)。以下是一个示例,当输入框失去焦点时,检查用户名是否为空:在上述代码中,当输入框
id
为 uname
的元素失去焦点时,会调用 checkUser
函数,该函数会检查输入框的值是否为空,如果为空则显示提示信息。Loading...