js 引入外部文件之 script 标签

在我的理解看来，html 就是一个单纯的管显示问题，js就是单纯的管动作问题，css就是单纯的管布局问题，这三个构成了一个网页

在HTML中，经常会用到引入js 文件。

引入js的方法很简单：

1. 1 就是加入一个script 标签，引入一个源文件为test.txt 的文件

在上面   test.txt 的内容为： var  a = 100;

运行结果：

1.2 引入的源文件内容是一个函数，也是可以的；

点击动态添加：script 标签，script的src属性为test2.txt

test2.txt的内容为：

调用三次fn()函数

运行结果：弹出三次调用的结果

从上面看出，script标签可以动态调用外部文件

2. XMLHttpRequest 调用

结果报错：

2.2 换一种方式调用：加 script 标签，在标签中调用

源文件地址：https://api.douban.com/v2/book/27027055?callback=show 返回一个 json 数据

声明一个函数 show,参数是一个data对象，然后动态创建一个script标签，在script标签中调用 show

运行结果：

小结：使用script 标签，可以跨域调用数据

上面点击获取图书，就可以调用 https://api.douban.com/v2/book/27027055?callback=show  中的数据

调用的文件和被调用的文件不在同一个地址的现象，叫做跨域访问，说明 script 标签可以进行跨域访问

同源的文件叫同域，不同源的叫跨域，归纳如下：