css和javascript代码写在页面中的位置说明 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css和js的存放位置</title>
    <style type="text/css">
        /*经过测试发现css放在head还是放在body里面都是可以的，建议放在head里面
        因为页面加载的顺序是从上至下，如果放在body里面，加载完div和html后，到css
        部分需要重新渲染，浏览器可能会重新闪现(浏览器经过多次版本迭代解决了这个问题)
        考虑到性能和规范建议放在head中*/
        #content{
            color: red;
        }
    </style>
    <script type="text/javascript" src="jquery-1.12.4.js"></script>
    <script type="text/javascript">

        $(function () {
            //jquery给出了解决方案，js把代码放在$(function () {}中即可，意思是页面加载完后再执行js
　　　　　　　//$()中传递字符串就是选择器，如果传递函数就是页面加载后，再执行的函数

            $('#content').html('new content 11')
        })
    </script>
</head>
<body>
    <p id="content">css和js到底写在哪里</p>
    <script type="text/javascript">
        /*js代码最好放在body的最下面
        当javascript代码放在head中的时候发现替换内容不起作用
        这是因为html页面是从上到下加载，加载完head中的js没有发现需要的元素
        就不会生效*/
        // $('#content').html('new content');
    </script>
    
</body>
</html>

 

posted @ 2018-02-28 10:38  reblue520  阅读(337)  评论(0)    收藏  举报