JavaScript可以运行在head和body标签中！

HTML的脚本必须放在<script></script>标签中间！

浏览器会解释并执行位于script标签中的脚本！

在上一篇文章中，其实对js的作用以及运行已经介绍的差不多！

js会在页面加载的时候运行。如果我们需要在某个事件发生时执行代码，我们可以把js代码放在函数中！

js代码可以位于body和head中，通常情况下，我们放在head中或者页面底部，这样就可以把他们安插在同一个位置，不会影响页面其他内容！

我们也可以引入外部的脚本文件，具体引用为<script src="myScript.js"></script>注意外部脚本不能包含script标签！

　　

												


											
理解JavaScript的运行的更多相关文章
	

    
								
  1. 深入理解JavaScript运行机制
		
    深入理解JavaScript运行机制 前言 本文是写作在给团队新人培训之际,所以其实本文的受众是对JavaScript的运行机制不了解或了解起来有困难的小伙伴.也就是说,其实真正的原理和本文阐述的并不 ...
    
		
    2. 
						
  2. JavaScript可否多线程? 深入理解JavaScript定时机制
		
    JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( ...
    
		
    3. 
						
  3. 简述JavaScript的运行机制
		
    想要理解JavaScript的运行机制,需要分别深刻理解以下几个点: · JavaScript的单线程机制 · 任务队列(同步任务和异步任务) · 事件和回调函数 · 定时器 · Event Loop ...
    
		
    4. 
						
  4. 深入理解JavaScript定时机制和定时器注意问题
		
    容易欺骗别人感情的JavaScript定时器 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不 ...
    
		
    5. 
						
  5. JavaScript可否多线程? 深入理解JavaScript定时机制（转载）
		
    说明:最近写 js 时需要用setinterval函数做定时操作,谁知道,刚开始后运行完好,但一段时间后他就抽风了,定时任务运行的时间间隔越来越短,频率加快,这是一个完全不能容忍的问题,带着一个可以出 ...
    
		
    6. 
						
  6. 深入理解JavaScript定时机制
		
    容易欺骗别人感情的JavaScript定时器 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不 ...
    
		
    7. 
						
  7. 深入理解javascript系列（4）：立即调用的函数表达式
		
    本文来自汤姆大叔 前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行. 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法 ...
    
		
    8. 
						
  8. 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
		
    初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
    
		
    9. 
						
  9. 深入理解javascript原型和闭包（8）——简述【执行上下文】上
		
    什么是“执行上下文”(也叫做“执行上下文环境”)?暂且不下定义,先看一段代码: 第一句报错,a未定义,很正常.第二句.第三句输出都是undefined,说明浏览器在执行console.log(a)时, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【转载】HTML5 Audio/Video 标签,属性,方法,事件汇总
			
    <audio> 标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码  <au ...
    
			
    2. 
						
  2. 雷林鹏分享：XML 树结构
			
    XML 树结构 XML 文档形成了一种树结构,它从"根部"开始,然后扩展到"枝叶". 一个 XML 文档实例 XML 文档使用简单的具有自我描述性的语法: To ...
    
			
    3. 
						
  3. LeetCode--415--字符串相加
			
    问题描述: 给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和. 注意: num1 和num2 的长度都小于 5100. num1 和num2 都只包含数字 0-9. num1 和nu ...
    
			
    4. 
						
  4. 部署--云服务器(RubyChina上的转帖); 附加用cap部署sidekiq
			
    https://ruby-china.org/topics/36899 附加https://ruby-china.org/topics/36899 Capistrano + Rails5.2部署 使用 ...
    
			
    5. 
						
  5. （Gorails视频）使用推广链接（params[:ref]），增加注册用户！
			
    用一个链接进行用户的注册推广: 我的git:   https://github.com/chentianwei411/embeddable_comments 用途:比如推广,拉朋友注册,给推广码,用这 ...
    
			
    6. 
						
  6. canvas绘图在手机上边缘粗糙
			
    辛辛苦苦用canvas绘图,做好动画后,想看看效果,结果在手机上一打开,效果是有了,但是边缘特别粗糙,这怎么可以呢,有一种说法是你用canvas绘图时候在手机retain屏幕上,他把一个像素分为两个像 ...
    
			
    7. 
						
  7. CCPC2017湘潭 1263 1264 1267 1268
			
    1263 拉升一下就A了 #include <iostream> #include <vector> #include <algorithm> #include & ...
    
			
    8. 
						
  8. Flex scroller皮肤的使用
			
    Flex4 scroller 自定义皮肤 十月 15, 2010 Posted by admin flex4里引入了sparkSkin, spark包里的可视控件可以通过指定skinClass的值来修 ...
    
			
    9. 
						
  9. fedora21 中lamp的搭建（测试没有问题）
			
    LAMP Stands for Linux,Apache,MySQL and PHP. Most of the websites works with the above combination. T ...
    
			
    10. 
						
  10. Vue音乐项目笔记（二）
			
    1. Vuex https://blog.csdn.net/weixin_40814356/article/details/80347366 编写: 然后,在main.js中引入 在组件中改变stat ...
    
			
    11.