javascript - html5 Web SQL存储使用不同的js文件

Question

我有一个打开数据库的 first.js:

$(function(){ 
    initDatabase();
});

function initDatabase() {

    try {
        if (!window.openDatabase) {
            alert('Local Databases are not supported by your browser. Please use a Webkit browser for this demo');
        } else {
            var shortName = 'MyDB';
            var version = '1.0';
            var displayName = 'First DB';
            var maxSize = 100000; // in bytes
            DB = openDatabase(shortName, version, displayName, maxSize);
            //dropTables();
            createTables();

        }
    } catch(e) {
        if (e == 2) {
            // Version mismatch.
            console.log("Invalid database version.");
        } else {
            console.log("Unknown error "+ e +".");
        }
        return;
    } 
}

然后，我想从另一个文件:second.js中执行sql语句

function prueba_funcion () {
    DB.transaction(
        function (transaction) {
            transaction.executeSql("SELECT * FROM categorias;", [], nullDataHandler, errorHandler);
        }
    );
}

我收到此错误:DB 未定义

在我的 HTML 代码中，我在 second.js 之前包含了 first.js:

<script type="text/javascript" src="js/first.js"></script>
<script type="text/javascript" src="js/second.js"></script>

但是我无法得到它。

Answer 1

您的问题是由变量范围引起的。如果您希望变量 DB 在范围内是全局的，则必须在函数之外实例化它。只需将 var DB = null; 添加到最顶部的 first.js 就可能会解决您的问题。