在页面上加上<script></script>只有2个地方：head中，body体中

如果外部的JS文件，在head中加，写页面特效js放在body后面。

<html>

<head>

<title>JS代码的位置</title>

<style>

div{

width:80px;

height:90px;

background-color: #f00;

}

</style>

<script src="index.js"></script> <!--我在head里面-->

</head>

<body>

<div class="weizhi">

</div>

</body>

<script> <!--实际上我在body里面-->

show();

</script>

</html>

在浏览器中的实际效果：

												


											
JS代码放在哪里比较好！的更多相关文章
	

    
						
  1. JavaScript问题01 js代码放在header和body的区别
		
    1 body和header中JavaScript执行的时机 1.1 header中 放在header中的javascript代码会进行预加载(即:在页面加载之前就会进行),所以需调用才执行的脚本或事件 ...
    
		
    2. 
								
  2. JS代码放在head和body中的区别分析
		
    最近一直在忙工作,没有时间来写博客了,不过今天做网站的时候碰到一个问题就是JS脚本存放的位置不同其效果不同.起初我没在意这个问题,后来一直解决不了,通过上网与查资料问同事,终于我明白了,原来我碰到了这 ...
    
		
    3. 
						
  3. JavaScript之将JS代码放在什么位置最合适
		
    1.放到<head></head>标签里面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
    
		
    4. 
						
  4. jquery的js代码兼容全部浏览器的解决方法
		
    //以下均可console.log()实验   var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网 ...
    
		
    5. 
						
  5. 关于js代码位置的第一次总结
		
    最近在学习dom树节点操作时,发现查找结点总是返回null,原因在于将js代码放在了head里,因为页面是从上往下逐行加载,在还未加载相关节点时当然查找不到,返回值为null. 而对于另一句老生常谈的 ...
    
		
    6. 
						
  6. 刷新页面后，让控制台的js代码继续执行
		
    在各种限时,秒杀活动中,有个自动循环的点击的工具是很重要的. 为了方便起见,我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行. 可以用js代码实现一个不受页面刷新影 ...
    
		
    7. 
						
  7. QQ空间自动点赞js代码
		
    1.jQuery().each(): each() 方法为每个匹配元素规定要运行的函数. 提示:返回 false 可用于及早停止循环. 函数原型: function(index,element) 为每 ...
    
		
    8. 
						
  8. Dev中控件的js事件代码放在form标签中存在问题
		
    Dev中控件的js事件代码放在form标签中会获取不到(head标签中有其他js代码,未验证是否是这个问题)
    
		
    9. 
						
  9. 为什么网页通常把JS调用放在底部？
		
    JS是单线程,浏览器是多线程.当我们在浏览器的地址栏里输入一个url地址,访问新页面时,页面展示的快慢是由一个单线程控制,这个线程叫做UI线程.UI线程会根据页面里资源(资源是html文件.图片.cs ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. c#符号含义
			
    属性:(带手型图标)方法:(紫红色菱形)事件:(闪电)字段:(蓝色菱形) 还有很多,具体图标不好描述命名空间,类,接口,值类,枚举,清单或类信息项等
    
			
    2. 
						
  2. 让Android的WebView支持html里面的文件上传
			
    默认情况下,Android的webview是不支持<input type=file>的,点击没有任何反应,如果希望点击上传,弹出选择文件.图片的窗口,那就需要自定义一个WebChromeC ...
    
			
    3. 
						
  3. 创建pod索引库（Specs）
			
    专门用来存放xxx.podspec 的索引文件的库就叫做索引库.我们需要将这些索引文件上传到远程索引库才能保证其他的人能够拿来用. 创建一个远程索引库和本地索引库对应起来,步骤如下: 1.登录开源中国 ...
    
			
    4. 
						
  4. Python 不定长参数、全局变量、局部变量  day4
			
    一.不定长参数 在函数定义中,经常会碰到*args 和**kwargs作为参数. 事实上在函数中,*和**才是必要的,args和kwargs可以用其他名称代替 *args 是指不定数量的非键值对参数. ...
    
			
    5. 
						
  5. perf-perf stat用户层代码分析
			
    perf_event 源码分析 前言 简单来说,perf是一种性能监测工具,它首先对通用处理器提供的performance counter进行编程,设定计数器阈值和事件,然后性能计数器就会在设定事件发 ...
    
			
    6. 
						
  6. time、datatime模块
			
    python中时间日期格式化符号 %Y 年份(4位数表示) %y 年份(2位数表示) %m 月份(01-12) %d 月内中的一天(0-31) %H 24小时制小时数 %I 12小时制小时数 %M 分 ...
    
			
    7. 
						
  7. Vue.js：使用vue-cli快速构建项目
			
    vue-cli是什么? vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. vue-cli怎么使用? 安装vue-cli之前,需要先安装了vue和webpack,不知道怎么安 ...
    
			
    8. 
						
  8. MongoDB - 增删改查及聚合操作
			
    目录 MongoDB - 增删改查及聚合操作 一. 数据库操作(database) 1. 创建及查看库 2. 删除库 二. 集合collectionc=操作(相当于SQL数据库中的表table) 1. ...
    
			
    9. 
						
  9. 51nod1103 N的倍数
			
    [题解] 先预处理出模N意义下的前缀和sum[i]. 1.如果sum[i]=0,那么1~i的数之和就是N的倍数 2.sum[i]%N总共有0~N-1这N种情况:根据1,如果sum[i]为0则必定有解: ...
    
			
    10. 
						
  10. hdu2004 成绩转换【C++】
			
    成绩转换 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
    
			
    11.