css 的引入方式
1.行内样式
<div id="div1" style="width:100px; height:100px; background:red"></div>
2.内嵌(写在head标签内)
<head>
<style>
#div1{
width:100px;
height:100px;
background:red;
}
</style>
</head>
3.外联
<head>
<link rel="stylesheet" href="comment.css">
</head>
css我们通常放在head标签里,原因是html自上而下的加载顺序问题,先加载样式,再加载html。
js的引入方式
js 可以放在页面中的任何位置,我们通常将其放在</body>标签的上面。原因是html自上而下的加载顺序问题,js通常用来控制DOM元素的,所以先加载完DOM元素再加载js.
js可以放在页面的头部,用window.onload=function(){}包起来,或者可以用JQuery的$(document).ready(function(){});
2者区别是window.onload是将所用的文字、图片、元素加载完成再执行函数内的命令,只能出现1次,出现多次,最后一个覆盖前者。
$(document).ready(function(){});是等所有的DOM都加载完成执行这个函数,可以出现多次。