码迷,mamicode.com
首页 > Web开发 > 详细

css js 的引入方式和书写位置

时间:2015-10-09 11:56:50      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

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都加载完成执行这个函数,可以出现多次。

css js 的引入方式和书写位置

标签:

原文地址:http://www.cnblogs.com/zhangxin2540/p/4863413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!