JavaScript写在哪里？

  • 内部：Html网页的<body></body>中；
  • 内部：Html网页的<head></head>中；
  • 外部：外部js文件里。

(1) javascript写在<body></body>中
当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。

(2) Javascript写在<head></head>中
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的<head></head>里。

(3) 将Javascript程序放到一个后缀名为.js的文本文件里。
在HTML里引用外部文件里的Javascript，应在Head里写一句<script src="文件名"></script>，其中src的值，就是Javascript所在文件的文件路径。



javaScript放在head和body的区别


  • 在head中时，所代表的functions只加载而不执行，执行是在某一事件触发后才开始。
    • 

  • 在body中时，直接加载并执行


典型的区别：


  • 如果有不在函数中的执行语句，比如变量初始化，如果在head中就不会执行。
												


											
javaScript放在head和body的区别的更多相关文章
	

    
								
  1. [转]JavaScript放在<head>和<body>的区别
		
    原文:http://liminhappygirl.iteye.com/blog/1841360 javaScript放在<head>和<body>的区别: 在HTML body ...
    
		
    2. 
						
  2. javascript 代码放在head和body的区别
		
    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt239 1,在head中时,所代表的functions只加载而不执行,执行是在 ...
    
		
    3. 
						
  3. JavaScript问题01 js代码放在header和body的区别
		
    1 body和header中JavaScript执行的时机 1.1 header中 放在header中的javascript代码会进行预加载(即:在页面加载之前就会进行),所以需调用才执行的脚本或事件 ...
    
		
    4. 
						
  4. JavaScript中:表达式和语句的区别
		
    JavaScript中:表达式和语句的区别 Javascript语言精粹:表达式是由运算符构成,并运算产生结果的语法结构.程序是由语句构成,语句则是由“:(分号)”分隔的句子或命令.如果在表达式后面加 ...
    
		
    5. 
						
  5. 浅谈Java和JavaScript中变量和数据类型的区别
		
    对于一门编程语言的学习,如果第一步是安装环境,那么第二步一定是学习这门语言的基本规则,变量和数据类型则首当其冲 JavaScipt作为一个蹭Java热度而命名的语言,在很多方面和Java也有一定的相似 ...
    
		
    6. 
						
  6. 谈谈javascript放在哪里更合适
		
    关于javascript放在哪里更合适 脚本位置:  例如以下代码: <html> <head> <title>Script Example</title&g ...
    
		
    7. 
						
  7. JavaScript返回上一页代码区别
		
    JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:win ...
    
		
    8. 
						
  8. JavaScript代码放在head和body的区别(QRCode生成)
		
    1.在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始. 2.在body中时,直接加载并执行 典型的区别: 如果有不在函数中的执行语句,比如变量初始化,如果在hea ...
    
		
    9. 
						
  9. javascript的window.ActiveXObject对象，区别浏览器的方法
		
    (window.ActiveXObject)的作用,用来判断浏览器是否支持ActiveX控件,如果支持ActiveX控件,我们可以利用var xml=new ActiveXObject("M ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. DMA（直接存储器存取）
			
    DMA(Direct Memory Access) DMA(Direct Memory Access)即直接存储器存取,是一种快速传送数据的机制. 工作原理 DMA是指外部设备不通过CPU而直接与系统 ...
    
			
    2. 
						
  2. css 定位（fixed > absolute > relative）与层级zIndex 的权限认知
			
    原则1: fixed > absolute > relative原则2: zIndex 越高越牛逼,不管你是谁无视身份.原则3: 青出于蓝而胜于蓝,儿子永远比父亲强原则4: 平台很重要.  ...
    
			
    3. 
						
  3. EPOLL AND Nonblocking I/O
			
    https://medium.com/@copyconstruct/nonblocking-i-o-99948ad7c957 https://idndx.com/2014/09/02/the-impl ...
    
			
    4. 
						
  4. eclipse is missing required source folder  src/test/java
			
    原因:maven的bug,不兼容eclipse 解决方法:右击工程,选择run-->maven-->build重新构建工程,就解决了.
    
			
    5. 
						
  5. 【转载】基于rasa的对话系统搭建（上）
			
    文章介绍使用rasa nlu和 rasa core 实现一个电信领域对话系统demo,实现简单的业务查询办理功能,更完善的实现需要进一步数据的收集.demo基于玩具数据集,可以达到下面的效果: Bot ...
    
			
    6. 
						
  6. 修改npm安装的全局路径和配置环境变量的坑
			
    修改npm安装的全局路径和配置环境变量的坑 转自:http://www.qdfuns.com/notes/30749/0f66fcf5e62eed010f744d0d4adaa870.html 我之前 ...
    
			
    7. 
						
  7. R语言：recommenderlab包的总结与应用案例
			
    R语言:recommenderlab包的总结与应用案例   1. 推荐系统:recommenderlab包整体思路 recommenderlab包提供了一个可以用评分数据和0-1数据来发展和测试推荐算 ...
    
			
    8. 
						
  8. .net reactor使用教程（一）——界面各功能说明(转)
			
    概述:安装了.net reactor之后,可以在安装目录下找到帮助文档REACTOR_HELP.chm,目前没有中文版本,里面详细介绍了.net reactor的各功能及使用场景.   安装了.net ...
    
			
    9. 
						
  9. maven and jwt
			
    以目前浅薄的理解,jwt就是一种加密token的手段,这个token也只有自己能解开,如果客户端以cookie存这个token,可能会存在cookie被窃取的情况. 另外,jwt这中加密方式因为有过期 ...
    
			
    10. 
						
  10. 简单的 FastDFS + Nginx 应用实例
			
    版权声明:本文为GitChat作者的原创文章,未经 GitChat 同意不得转载. https://blog.csdn.net/GitChat/article/details/79479148 wx_ ...
    
			
    11.