My Blog Docs

中文

English

中文

English

Appearance

目录

N 秒后自动跳转到指定的 url ​

方法一：使用 setTimeout ​

js
(function () {
  setTimeout(() => {
    window.location.href = "https://www.baidu.com/";
  }, 15000);
})();

方法二：使用 Meta 标签 ​

js
<meta http-equiv="refresh" content="15;url=https://gocart.ph/" />

http-eruiv 相当于 http 的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值是 content，content 中的内容其实就是各个参数的变量值

<meta http-equiv="" content="">详解 ​

meta 标签的 http-equiv 属性语法格式是：<meta http-equiv="参数" content="参数变量值">

其中 http-equiv 属性主要有以下几种参数

  1. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

content-type 设定页面使用的字符集

  1. <meta http-equiv="Cache-Control" content="no-cache">

清除缓存

Cache-Control 指定个请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control 并不会修改另一个消息处理过程中的缓存处理过程。

请求时的缓存指令

  • no-cache：指示请求或响应消息不能缓存

  • no-store：用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存

  • max-age：指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应

  • min-fresh：指示客户机可以接收响应时间小于当前时间加上指定时间的响应

  • max-stale：指示客户机可以接收超出超时期间的响应消息。如果指定 max-stale 消息的值，那么客户机可以接收超出超时期指定值之内的响应消息

响应消息中的指令

  • Public：指示响应可被任何缓存区缓存

  • Private：指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效

  • no-cache：指示请求或响应消息不能缓存

  • no-store：用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存

  • max-age：指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应

  1. <meta http-equiv="Expires" content="0">

设定网页的到期时间

  1. <meta http-equiv="Pragma" content="no-cache">

设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从 Cache 中在调出

  1. <meta http-equiv="Refresh" content="2;url=http://www.NET.cn/">

Refresh 自动刷新并指向新的页面；content="2;url=http://www.NET.cn/" ==> 其中 2 是时间秒，url 是新页面的地址，即 2 秒后自动跳转到 http://www.NET.cn/

  1. <meta http-equiv="Cache-Control" content="no-store">

强制缓存在任何情况下都不要保留任何副本

  1. <meta http-equiv="Pics-label" content="">

网页等级评定

  1. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

设置关键字，用于搜索引擎 SEO

Copyright © 2023-present Joy