问题1：js访问本地json
如果可以这样随意访问，你打开的任何网站不就可以通过js把你本地文件全部获取到了吗，这是非常危险的；这个不是技术上的能不能，而是安全策略问题，解决方法肯定有，大概是给浏览器某种授权。
我比较推荐换一种方式来解决这个问题，你要的结果是访问json文件，如果json文件不是很大的话，何不直接用个js变量保存它的值；
另外可以考虑部署到服务器，通过ajax请求获取，通过jquery可以如下写：
$.get('/content/test.json', function(data) {alert(data)})
问题2：如何在前端显示
js操纵DOM，可以简单粗暴地加到body里，当然有更好展现方式，推荐单独写个div：
$('body').append(data)除非是恐怖分子设计的浏览器，否则任何负责任的浏览器都是严禁网页脚本直接操作本地文件。你可以想象一下，如果某一天你打开一个网站，你电脑上的一个文件就不知不觉到了另一个人的电脑中，你什么感觉，反正我是觉得世界末日就要到来了。当然，如果你的js代码是单独放在一个js脚本文件中，然后在本地通过鼠标双击来运行你的js代码，或者把包含js代码的html文件保存在本地，然后鼠标双击来运行它（而不是在浏览器地址栏输入url来运行），这样是可以操作本地文件的（浏览器可能会发出警告，忽略即可），最简单的就是利用fso组件。
1.找到你所需的页面，F12打开控制台，可以在source 下面找到加载的文件。 2.如果不行的话,点开network，会有该页面的加载的一系列的资源文件。找到js文件或者HTML文件打开。然后，点开查看 ，文件中的信息。进行确能是否是自己要找到的页面。 3.一般前两中方法就可以找到页面加载的文件。如果，你还没找到，还可以，在页面上找到关键的信息，在自己项目使用全局搜索。然后逐一排查出结果。找到到，可以修改一下信息，进行验证是否找对。比如：修改标签名。
