html5文件的另一个脚本中html5文件的脚本中的访问变量

Question

这是index.html页面中代码的一部分。基本上，这是用户登录后获取的电话号码，然后将其写入我的Firebase数据库。

var phoneNumber = user.phoneNumber;
var providerData = user.providerData;
user.getIdToken().then(function(accessToken) {
    document.getElementById('sign-in-status').textContent = 'Signed in';
    document.getElementById('sign-in').textContent = 'Sign out';
    document.getElementById('account-details').textContent = JSON.stringify({
        displayName: displayName,
        email: email,
        emailVerified: emailVerified,
        phoneNumber: phoneNumber,
        photoURL: photoURL,
        uid: uid,
        accessToken: accessToken,
        providerData: providerData
        }, null, '  ');
    });

// var a = prompt("What is your phone number");
var database = firebase.database();
var fruits = database.ref('fruits');
var data = {
    name: (phoneNumber),
    //count: (a)
}
database.ref('fruits').push(data)

此代码来自我的home.html，是另一个文件。我需要做的是，从index.html访问phoneNumber变量到这个新文件，以便我可以按名称过滤并在控制台中打印出内容。我不知道如何在html5文件中使变量成为全局变量，以及如何在另一个html5文件中访问该值。如果有人可以帮助我，我将非常感激。

var database = firebase.database();

var ref = firebase.database().ref();
ref.on("value", function(snapshot) {
   console.log(snapshot.val());
}, function (error) {
   console.log("Error: " + error.code);
});
var playersRef = firebase.database().ref("fruits");


playersRef.orderByChild("name").equalTo(phoneNumber).on("child_added", function(data) {
   console.log("Equal to filter: " + data.val().name);
});