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 @   reblue520  阅读(320)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律
历史上的今天：
2017-02-28 python操作haproxy.cfg文件
点击右上角即可分享
微信分享提示
AI IDE Trae