問題1：js訪問本地json

如果可以這樣隨意訪問，你打開的任何網站不就可以通過js把你本地文件全部獲取到了嗎，這是非常危險的；這個不是技術上的能不能，而是安全策略問題，解決方法肯定有，大概是給瀏覽器某種授權。

我比較推薦換一種方式來解決這個問題，你要的結果是訪問json文件，如果json文件不是很大的話，何不直接用個js變量保存它的值；

另外可以考慮部署到服務器，通過ajax請求獲取，通過jquery可以如下寫：

問題2：如何在前端顯示

js操縱DOM，可以簡單粗暴地加到body里，當然有更好展現方式，推薦單獨寫個div：

<script language="javascript">

function getjson(){
var xmlReq ;
try{
xmlReq = new ActiveXObject("Microsoft.XMLHTTP");

var web = "1.json";//json文件路徑

//異步方式
xmlReq.open("GET",web,true);
xmlReq.onreadystatechange = function(){
if (xmlReq.readystate == 4){
document.write(xmlReq.responseText);//對json的文件的操作
}

}

xmlReq.send();

catch(e){

alert(e);
}

}

</script>