把js和css代码放到标签里有什么好处吗?

alsove 2010-09-26 11:49:32
以下两段代码执行起来有什么区别吗?
还是说,js和css放在head标签里只是为了看起来清晰一点呢?

第一段

<html>
<head>
<title>测试</title>
<script type="text/javascript">
//js代码
</script>

<style type="text/css">
/* css代码 */
</style>
</head>

<body>
这是body
</body>
</html>


第二段

<html>
<head>
<title>测试</title>
</head>

<body>
<script type="text/javascript">
//js代码
</script>

<style type="text/css">
/* css代码 */
</style>
这是body
</body>
</html>


谁能帮忙解释下吗,谢谢了。
...全文
355 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
MrSLin 2010-09-26
  • 打赏
  • 举报
回复
JS是解释性脚本语言,是顺序执行的,例如JavaScript代码放的位置不同是会有差异的。
比如当html所有内容还没有加载完毕,但是这个之前你的js中对某个对象执行操作,那么不会有作用的。
把js放在对应元素后面才会有用。
建议分离开来,js和CSS分别放到对应的文件里面。
MrSLin 2010-09-26
  • 打赏
  • 举报
回复
JS是解释性脚本语言,是顺序执行的,例如JavaScript代码放的位置不同是会有差异的。
比如当html所有内容还没有加载完毕,但是这个之前你的js中对某个对象执行操作,那么不会有作用的。
把js放在对应元素后面才会有用。
建议分离开来,js和CSS分别放到对应的文件里面。
本文详细介绍了在HTML中调用CSS和JavaScript的三种主要方法:内联样式、内部样式表和外部样式表(CSS部分),以及内联脚本、内部脚本和外部脚本(JavaScript部分)。文章提供了每种方法的代码示例,并推荐了最佳实践方案,包括代码结构和文件组织方式。关键注意事项包括CSS建议放在<head>中,JavaScript通常放在前,以及使用defer属性延迟脚本执行。总结部分强调了合理组织代码结构、保持HTML、CSS和JavaScript分离的重要性,以及遵循标准文件目录规范和性能优化的必要性。

87,995

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧