在页面上加上<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. 浏览器的  local storage
			
    浏览器 local storage      本地存储 session storage    会话存储 cookies                  本地存储 1.     local stora ...
    
			
    2. 
						
  2. vs Could Not Connect
			
    解决,   在win7上卸载IIS 10.0 Express ,安装 IIS7.5 Express
    
			
    3. 
						
  3. .net 内嵌 GeckoWebBrowser (firefox) 核心浏览器
			
    引用nuget包: 注意:Geckofx45 nuget包必须是最后引用,否则初始化会出错 简单示例: using Gecko; using System; using System.Collecti ...
    
			
    4. 
						
  4. 如何反向遍历List集合
			
    List接口中提供了ListIterator<E> listIterator()这样的一个方法,可以获得一个ListIterator接口的实例,如下: 看一下他的方法: 了解了这些之后再看 ...
    
			
    5. 
						
  5. centos 7.x 安装开源堡垒机Jumpserver
			
    环境 虚拟机 系统:centos 7 IP:192.168.168.8 目录:/opt 代理:nginx 数据库:mysql 版本大于等于 5.6    mariadb 版本大于等于 5.5.6 更新 ...
    
			
    6. 
						
  6. zend studio【快捷键】
			
    =================================[快捷键 zend studio]========== 1.调出查找面板[ctrl+f] 2.全文检索[ctrl+h] 3.关闭当前文 ...
    
			
    7. 
						
  7. 手机浏览PC版页面出现背景图片显示不全的问题解决方案
			
    手机浏览PC版页面出现背景图片显示不全 给定宽高的值
    
			
    8. 
						
  8. Thawte
			
    Thawte 公司为 VeriSign(即:现更名为Symantec) 全资子公司,是全球第三大数字证书颁发机构(CA),成立于1995年,自1996年正式提供数字证书产品到1999年占领全球市场的4 ...
    
			
    9. 
						
  9. HDU - 3556 - Continued Fraction
			
    先上题目: Continued Fraction Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/65536 K (Jav ...
    
			
    10. 
						
  10. HTML-class与id的区别及应用
			
    在样式表定义一个样式的时候,可以定义id也可以定义class. 1.在CSS文件里书写时,ID加前缀"#":CLASS用"." 如只能用id #nav { wi ...
    
			
    11.