<!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>