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. OpenCV自带dnn的Example研究（4）— openpose
			
    这个博客系列,简单来说,今天我们就是要研究 https://docs.opencv.org/master/examples.html下的 6个文件,看看在最新的OpenCV中,它们是如何发挥作用的.  ...
    
			
    2. 
						
  2. 机智的MySQL优化器 --- is null
			
    [介绍] 工作的越久越到的的问题越多,就越是觉得一些“老话”历久弥新:由于最近的学习计划是深入的学习一遍MySQL优化器:学习过程中的一些成果 也会发布到这里,一来是为了整理自己已经知道的和新学到的, ...
    
			
    3. 
						
  3. BizTalk日志自动发送邮件通知
			
    更多内容请查看:BizTalk动手实验系列目录                             BizTalk 开发系列 BizTalk 培训/项目开发/技术支持请联系:Email:cbcye ...
    
			
    4. 
						
  4. python时间模块time详解
			
    在平常的代码中,我们常常需要与时间打交道.在Python中,与时间处理有关的模块就包括:time,datetime以及calendar.这篇文章,主要讲解time模块. 在开始之前,首先要说明这几点: ...
    
			
    5. 
						
  5. 【gulp】gulp + browsersync 构建前端项目自动化工作流
			
    什么是 gulp? gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务.gulp.js 是基于 node.js 构建的,利用 node.js 流的威力,你可以快速构 ...
    
			
    6. 
						
  6. (转) 开运算opening_circle和闭运算closing_circle的异同
			
    从去除毛刺的策略看开运算opening_circle和闭运算closing_circle的异同 例一:毛刺在往外凸的面上 策略1:分割出黑色部分,然后通过开运算去掉毛刺,再通过原黑色部分区域减去开运算 ...
    
			
    7. 
						
  7. Failed to execute 'write' on 'Document'动态载入的js不能执行write
			
    统计代码一般都是直接一个标签,插入js,标签放在哪里,统计图表就放在哪里! 我现在是稍微改了一下,我自己加了一点js,在页面所有元素都加载完成之后我再动态的把统计js插入到我需要的地方. 统计代码的s ...
    
			
    8. 
						
  8. 运营商挂时长神器,批量导入账号,导出账号状态,随机修改MAC地址
			
    话不多说,直接上图 可批量导入账号,同时修改广域网口MAC地址 导出账号状态,包括在线时长,MAC,IP地址等等
    
			
    9. 
						
  9. MYSQL 文件类型
			
    首先, 表结构文件 : 1) *.frm是描述了表的结构, 数据及索引文件 如果是MyISAM引擎,则是 1) *.MYD保存了表的数据记录, 2) *.MYI则是表的索引 对于 InnoDB引擎,则 ...
    
			
    10. 
						
  10. 如何通过ajax来获取返回值
			
    preface 今天使用ajax向后端取数据的时候,按照正常的写法,死活return不了值,所以看了下ajax的帮助手册,发现了这个参数async:false,这个参数是说async表示不是异步执行了 ...
    
			
    11.