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. seaJS简介和完整实例
			
    什么是 seaJS ? 和requireJS相似的,seaJS 也是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为 ...
    
			
    2. 
						
  2. [转]$.post() 和 $.get() 如何同步请求
			
    原文地址:https://blog.csdn.net/sunnyzyq/article/details/78730894 由于$.post() 和 $.get() 默认是 异步请求,如果需要同步请求, ...
    
			
    3. 
						
  3. Caffe 分类问题 Check failed: error == cudaSuccess (2 vs. 0)  out of memory
			
    如果图片过大,需要适当缩小batch_size的值,否则使用GPU时可能超出其缓存大小而报错
    
			
    4. 
						
  4. Ubuntu下安装antlr-4.7.1
			
    简介:antlr工具将语法文件转换成可以识别该语法文件所描述的语言的程序. 例如:给定一个识别json的语法,antlr工具将会根据该语法生成一个程序,该程序可以通过antlr运行库来识别输入的jso ...
    
			
    5. 
						
  5. 【Clojure 基本知识】 关于函数参数的各种高级用法
			
    关于Clojure函数参数用法,学习中一些总结,无废话,直接看代码: 一.接受不定参数 ;;接受不定参数 (defn f0[& pms] (println "params count ...
    
			
    6. 
						
  6. ios原生项目内嵌u3d工程
			
    本文一反常态,目标是把u3d工程以framewWork形式 内嵌原生IOS项目 1.xcode中新建Cocoa Touch FrameWork.取名u3dFrameWork 2.把u3d导出的xcod ...
    
			
    7. 
						
  7. php冒泡排序详解笔记
			
    冒泡 /* * 冒泡排序(从小到大) * 介绍: * 它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来. * 思路: * 比较相邻的元素.如果第一个比第二个大,就交换他 ...
    
			
    8. 
						
  8. Abp之工作单元与事务
			
    环境:Abp1.2 疑问:没有调用工作单元的SaveChanges方法引起的事务提交时机的问题. 例如:有一个应用服务代码如下: public void CreatePhrase(PhraseCrea ...
    
			
    9. 
						
  9. vue.config.js
			
    const path = require('path'); const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入 移动端模拟 ...
    
			
    10. 
						
  10. Python——rrdtool模块的安装
			
    一.Centos环境yum命令安装 yum install rrdtool rrdtool-devel 二.源码安装 wget https://pypi.python.org/packages/99/ ...
    
			
    11.