如何在页面加载时清除浏览器缓存

在页面加载时清除浏览器缓存可以通过以下几种方法实现：

使用meta标签：可以在页面的头部添加以下meta标签来清除浏览器缓存：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

这些meta标签会告诉浏览器不要缓存页面内容，每次加载都从服务器重新获取。

使用URL参数：可以在URL后面添加一个随机参数来确保每次加载页面时都是新的请求，例如：

<script>
    var randomParam = new Date().getTime();
    var url = "http://example.com/page?param=" + randomParam;
    window.location.href = url;
</script>

这样每次加载页面时，URL都会带上一个不同的随机参数，浏览器会认为是一个新的请求，从而不会使用缓存。

使用HTTP头部：可以在服务器端设置响应头部来告诉浏览器不要缓存页面内容。具体的方法根据服务器语言和框架不同而有所差异，以下是一个示例（使用PHP）：

<?php
header("Cache-Control: no-cache, no-store, must-revalidate");
header("Pragma: no-cache");
header("Expires: 0");
?>

这样服务器在响应页面请求时会设置相应的头部信息，告诉浏览器不要缓存页面内容。

使用JavaScript：可以通过JavaScript来清除浏览器缓存。以下是一个示例：

window.addEventListener("load", function() {
    if (window.performance && window.performance.navigation.type === window.performance.navigation.TYPE_NAVIGATE) {
        // 清除缓存
        if (window.performance && window.performance.clearResourceTimings) {
            window.performance.clearResourceTimings();
        }
    }
});

这段代码会在页面加载完成后执行，判断是否是页面导航操作，如果是，则清除浏览器缓存。

以上是几种常见的方法来在页面加载时清除浏览器缓存。根据具体的需求和场景选择适合的方法即可。