javascript - 强制动态加载的javascript不在谷歌浏览器上缓存

Question

我正在研究谷歌地图加载器(使用谷歌地图 javascript API)。我想在路径可用时动态地将它们添加到路径中。 编辑:网页和 javascript 在本地存储和加载，而不是通过网络服务器。

为此，我创建了一个外部 javascript 文件，其中放置了我要使用的数据。

我使用我在 stackoverflow 其他地方找到的一个很棒的技巧加载 java 脚本对象:

function loadjsfile( filename, callback )
{
    var fileref = document.createElement( 'script' );
    fileref.setAttribute( "type", "text/javascript" );
    fileref.setAttribute( "src", filename );

    var done = false;
    fileref.onload  = fileref.onreadystatechange    = function()
    {
        if( !done && ( !this.readyState 
                                || this.readyState == "loaded" 
                                || this.readyState == "complete") )
        {
                done = true;

                // Continue your code
                callback();

                // Handle memory leak in IE
                fileref.onload = fileref.onreadystatechange = null;
                document.getElementsByTagName( "script" )[0].removeChild( fileref );
        }   
    };
    document.getElementsByTagName( "script" )[0].appendChild( fileref );
}

这非常有效，因为它会等待外部 javascript 在继续初始化之前实际加载。

这一切都很好，它加载得很好。然后我设置了 5 秒超时，重新加载外部 javascript 文件。这是我遇到问题的地方。 Google chrome 正在从缓存中重新加载外部 javascript 文件，而不是直接加载到磁盘。这是一个巨大的痛苦，因为这意味着我的 map 路径不会随着它的进行而更新。我真的需要它。

当我刷新整个页面时，它重新加载了 javascript 没问题，但闪烁非常烦人(它迫使 map 回到“初始”状态)。如果我可以强制它每次都重新加载 javascript 文件，这种新方法将完美运行。

谁能帮帮我？

我是 Javascript 的新手(我主要是 C++ 编码员)所以如果我问了一些愚蠢的问题，我深表歉意:D

Answer 1

如果没有其他人有其他想法，请尝试将随机数作为查询字符串附加到文件名。这将告诉脚本该文件是新的，应该强制重新加载。

基本上每次生成一个随机数。

var rnd = Math.floor(Math.random()*80000);

所以你的代码看起来像

function loadjsfile( filename, callback )
{
    var rnd = Math.floor(Math.random()*80000);
    var fileref = document.createElement( 'script' );
    fileref.setAttribute( "type", "text/javascript" );
    fileref.setAttribute( "src", filename + "?r=" + rnd ); // note this line

    // other code...
}