js文件或者CSS调用外链

JavaScript08

js文件或者CSS调用外链,第1张

JS文件调用外链的方式:

<script type="text/javascript" src="JS文件路径"></script>

CSS文件调用外链的方式:

<link href="css文件路径" rel="stylesheet" media="screen" />

原因:

浏览器是单线程的,如果放在头部,浏览器会先加载script文件并执行,此时会形成一个阻塞,影响后续的dom文件的加载和执行。

缺点:

避免措施:

注意:

虽然说将外部引入的js引用放在 body 末尾处,不过也是有顺序的,需要将一些 依赖文件放在前边

例如jquery文件需要放在前边,这样后边函数中使用$才不会报错。

1使用jquery中的load事件。

2load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。

3参数url,[data,[callback]]

url:待装入 HTML 网页网址。

4data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

5callback:载入成功时回调函数。

6例子$("#test").load("index.html")在元素test中载入index页面