外联js:
index.html中的代码
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="print.js"></script>
</head>
<body onload="print()">
</body>
</html>
print.js中的代码
function print() {alert("我是外联js")
}
代码结构
运行结果:
改为内联js
index.html中的代码:
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body onload="print()">
</body>
<script>
function print() {
alert("我是内联js")
}
</script>
</html>
运行结果:
内联在某些情况下有个好处就是“缓存” 外链太多的话也会影响到速度，因为增加了浏览器加载时的请求“迸发数”（浏览器同一时间的链接请求） link的href地址，script的src链接，包括img的src链接基础上都是页面加载时就请求的 比如某浏览器的并发上限是3个，图片如果不可避免，我们只考虑link和script，你可以去想想如果当link大于3的时候剩下的样式他会怎么去排队请求和加载，有的网站加载时 你会看到先是无样式的排版，然后才很快正常，有的甚至直接无样式了，这种状况代码问题外也基本上只可能在外链样式的情况下产生，出现一定的体验问题 当然，一切都不绝对，关键看具体的页面内容和结构的情况，有时候我们需要为重点而舍弃，有时候其实怎么样做关系都不大采纳哦
