html5如何引入json文件

1、先看下我们的json文件，很简单，一个对象里有name属性和site属性，site是一个数组。

2、如果要在html里直接引入，我们可以用script脚本的方式来引入这个json文件。

3、但这样引入，会有一些脚本上的小错误。就算没有错误，这样算是一个隐性的变量，我们是无从访问到这个json的数据的。

4、所以如果非要用直接引入的方法来引用json文件，我们需要在json文件前加上一个变量，如图。

5、这样刷新页面后，就不会再报错了。

6、而且我们可以看到脚本里多了一个变量，bd，就是这个json的数据。

7、我们可以通过这个变量来访问json里的数据。比如： bd.site