Você vai precisar efetuar uma requisição para seu json, utilizando o objeto XMLHttpRequest dessa forma abaixo:
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
}
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();
Em seguida o objeto analisa o retorno da requisição feita pelo objeto XMLHttpRequest e verifica se o status httpd é válido (200) e transforma o retorno do arquivo (string) para um json utilizando a função do javascript JSON.parse, em seguida pode ler as entradas do json uma a uma para sua variavel como fez acima no seu exemplo.
Aprofunde seu conhecimento aqui : ler Json com javascript
Para executar quando a página carrega tem que usar um evento, dessa forma:
window.onload = function(){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
}
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();
}
window.onload serve para executar o código após o carregamento da página estar completo.