JS代码放在head和body的区别 -

fuaotech

浏览: 206362 次
性别:
来自: 深圳

最近访客更多访客>>

leon916

jinliang0324

dongcaoheneric

yyszhou

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JS代码放在head和body的区别

由于在页面中总是难免javascript脚本语言，在代码中看到body里可以放<script type=”text/javascript”>脚本，而head里也可用<scripttype=”text/javascript”>脚本，想要用好他们，就得了解他们的区别，经过自己的总结发现他们的区别如下：
一、在head主体里写，如果有方法体，那么就是在客户点击的时候触发，如果没写方法体，比如引入的js文件，那么在加载页面前就预加载了。
二、写在body主体里，是为了实现某些部分动态地创建文档。这里比如制作鼠标跟随事件，肯定只有当页面加载后再进行对鼠标坐标的计算。或者是filter滤镜与javascript的联合使用产生的图片淡入淡出效果等。这个是在页面加载的时候加载。
二、会与body和head标签顺序有关。比如下面代码：
<html>
<body>
<script type="text/javascript">
alert("in body");
</script>
</body>
<head>
<script type="text/javascript">
alert("in head");
</script>
</head>
</html>

结果是先弹出body，再弹出head.
如果改下代码结果就截然相反了，例
<html>
<head>
<script type="text/javascript">
alert("in head");
</script>
</head>
<body>
<script type="text/javascript">
alert("in body");
</script>
</body>
</html>
执行时得考虑javascript执行顺序

分享到：

页面乱码问题 | acegi

2012-11-12 17:07
浏览 7452
评论(1)
分类:Web前端
查看更多

1 楼 fuaotech 2015-07-17

恩相互借鉴！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Java源码springboot流浪动物管理系统-毕业设计论文-期末大作业.zip: 本项目是一个基于Spring Boot框架的流浪动物管理系统，旨在通过信息化手段提高流浪动物管理的效率和准确性。系统集成了流浪动物的基本信息管理、领养申请处理、志愿者管理以及数据分析等功能。主要功能包括流浪动物的登记与查询、领养流程的自动化、志愿者的注册与管理，以及通过数据分析实现对流浪动物收容情况的监控和预测。系统采用B/S架构，前端使用Thymeleaf模板引擎，后端依托Spring Boot框架，实现了高效的业务逻辑处理和数据持久化存储。通过此系统的开发，不仅能够有效提升流浪动物管理的精细化水平，还能够增强公众对流浪动物保护的参与感和透明度，推动社会对流浪动物福利的关注和重视。项目为完整毕设源码，先看项目演示，希望对需要的同学有帮助。

2-Desktops v2.0 将电脑一键变出4个桌面，摸鱼利器: 支持快捷键切换桌面，软件只有114k，启动快速，切换迅速。

均匀分布的随机标记对某些聚类评估指标行为的影响 plot-adjusted-for-chance-measures.ipynb: 聚类性能评估中的偶然性调整本案例本探讨了均匀分布的随机标记对某些聚类评估指标行为的影响。为此，我们使用固定数量的样本计算这些指标，并将其作为估计器分配的聚类数量的函数。该示例分为两个实验：第一个实验使用固定的 "地面实况标签"（因此也是固定的类数）和随机的 "预测标签"；第二个实验使用不同的 "地面实况标签 "和随机的 "预测标签"。预测标签 "具有与 "地面实况标签 "相同的类和簇数量。

无人机频射信号检测数据集，平均正确识别率在94.3％，支持yolov11格式的标注，364张原始图片: 无人机频射信号检测数据集，平均正确识别率在94.3％，支持yolov11格式的标注，364张原始图片

机器视觉框架源码，最新版本到手vs2019可以直接编译、视觉检测、AOI视觉检测、机械手定位、点胶机、插件机、激光切割机、视觉螺丝机、视觉贴合机、激光焊接机、视觉裁板机……， C#联合Halcon: 机器视觉框架源码，最新版本到手vs2019可以直接编译、视觉检测、AOI视觉检测、机械手定位、点胶机、插件机、激光切割机、视觉螺丝机、视觉贴合机、激光焊接机、视觉裁板机……， C#联合Halcon混合编程源码，插件式开发，带手眼标定，相机静止和运动，支持C#脚本…能让你站在巨人的肩膀上，节省重复造轮子的时间。

飞秋局域网及时通讯传输软件: 飞秋局域网及时通讯传输软件

4b027-阿尔珐公司员工管理系统_springboot+vue.zip: 项目资源包含：可运行源码+sql文件适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。项目具有较高的学习借鉴价值，也可拿来修改、二次开发。有任何使用上的问题，欢迎随时与博主沟通，博主看到后会第一时间及时解答。开发语言：Java 框架：springboot 技术：Vue JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11 开发软件：eclipse/myeclipse/idea Maven包：Maven3.3.9 系统是一个很好的项目，结合了后端服务（SpringBoot）和前端用户界面（Vue.js）技术，实现了前后端分离。

4b013-建材租赁系统_springboot+vue.zip: 项目资源包含：可运行源码+sql文件适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。项目具有较高的学习借鉴价值，也可拿来修改、二次开发。有任何使用上的问题，欢迎随时与博主沟通，博主看到后会第一时间及时解答。开发语言：Java 框架：springboot 技术：Vue JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11 开发软件：eclipse/myeclipse/idea Maven包：Maven3.3.9 系统是一个很好的项目，结合了后端服务（SpringBoot）和前端用户界面（Vue.js）技术，实现了前后端分离。

研究生期末考试-图论复习笔记: 研究生期末考试-图论复习笔记

2-Sejda pdf desktop7.8（可编辑pdf签名文档: Sejda PDF编辑器是一款免费好用的PDF编辑工具，它可提供多样的编辑功能，并支持直接修改文本和图像内容，以及填写PDF表单。但是，Sejda PDF编辑器在使用上会有限制，只能编辑不超过200页或50MB的PDF文档。最初能找到这款软件，是因为需要编辑一个带有签名的pdf合同文档。然后试了很多出名的和不出名的pdf编辑器，发现只有金山pdf专业版可以通过创建pdf副本的方式对pdf进行编辑，但是金山pdf专业版取得授权才能使用编辑功能，目前想要获得免费授权不容易。再后来寻觅到了本款软件——Sejda pdf desktop，本软件的强悍之处在于可以无视签名，直接对文档进行编辑，而不需要像金山那样创建一个副本。而且最令我满意的是它那个插入图片的功能，插入的图片可以任意改变大小，并摆放在任意你想摆放的位置。

基于ssm的养老院管理系统源码（java毕业设计完整源码）.zip: 功能说明：环境说明：开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上数据库工具：Navicat11及以上开发软件：eclipse/idea Maven包：Maven3.3及以上服务器：tomcat7及以上。。。

基于ssm的陕理工图书馆管理系统系统源码（java毕业设计完整源码+LW）.zip: 功能说明：陕理工图书馆管理系统包括多个功能模块：图书类别管理模块、图书管理模块、读者管理模块、借阅管理模块、预约管理、推荐管理。管理员登入后，维护图书借阅的信息。环境说明：开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上数据库工具：Navicat11及以上开发软件：eclipse/idea Maven包：Maven3.3及以上服务器：tomcat7及以上。。。

信号的谱分析及时域和频域采样对偶性分析的编程实现.zip: 数字信号处理的设计关于信号的谱分析主要用到DFT与FFT的实现与比较以及窗函数的应用

项目技术栈：jdk17+Springboot3.3.3+shardingsphere-jdbc5.5.0+mybatis-plus3.5.7+mysql8.0.20: 你下载此项目可以为你节省至少3-5天时间解决遇到的各种shardingsphere5.5.0的各种坑。项目技术栈：jdk17+Springboot3.3.3+shardingsphere-jdbc5.5.0+mybatis-plus3.5.7+mybatis-plus-generator3.5.9+mysql8.0.20。

“人力资源+大数据+薪酬报告+涨薪调薪”: 人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。

织带冲切机（sw18可编辑+cad）全套设计资料100%好用.zip: 织带冲切机（sw18可编辑+cad）全套设计资料100%好用.zip

4wb043-社区论坛系统小程序_springboot+vue+uniapp.zip: 项目资源包含：可运行源码+sql文件+ 源码都是精心调试，有文档，可以部署，有费用，谢谢支持。适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。项目具有较高的学习借鉴价值，也可拿来修改、二次开发。有任何使用上的问题，欢迎随时与博主沟通，博主看到后会第一时间及时解答。开发语言：Java 框架：springboot+uniapp 技术：Vue JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7 数据库工具：Navicat11 开发软件：eclipse/myeclipse/idea Maven包：Maven3.3.9 系统是一个很好的项目，结合了后端服务（SpringBoot）和前端用户界面（Vue.js+uniapp）技术，实现了前后端分离。

基于ssm的在线医疗信息服务系统源码（java毕业设计完整源码）.zip: 功能说明：环境说明：开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上数据库工具：Navicat11及以上开发软件：eclipse/idea Maven包：Maven3.3及以上服务器：tomcat7及以上。。。

(41410402)基于Java的医院挂号系统的设计与实现附源码: 内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。

如何使用校准曲线（也称为可靠性图）直观地显示预测概率的校准情况 python代码 plot-calibration-curve.ipynb: 概率校准曲线在进行分类时，通常不仅要预测类别标签，还要预测相关概率。这种概率给出了预测的某种可信度。本例演示了如何使用校准曲线（也称为可靠性图）直观地显示预测概率的校准情况。还将演示校准未经校准的分类器。数据集我们将使用一个包含 100,000 个样本和 20 个特征的合成二元分类数据集。在这 20 个特征中，只有 2 个是信息特征，10 个是冗余特征（信息特征的随机组合），其余 8 个是非信息特征（随机数）。在 100,000 个样本中，1,000 个用于模型拟合，其余用于测试。未经校准的高斯分类法校准效果不佳，因为冗余特征违反了特征无关性假设，导致分类器信心过高，典型的转置-蛇形曲线就表明了这一点。从近乎对角线的校准曲线可以看出，用等调回归校准高斯概率可以解决这个问题。 Sigmoid 回归也能略微改善校准效果，尽管不如非参数等调回归那么强。这是因为我们有大量的校准数据，可以利用非参数模型的更大灵活性。

最近访客 更多访客>>