在页面上加上<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. rxswift-self.usernameTF.rx.text.orEmpty.map
			
    self.usernameTF.rx.text.orEmpty.map 一堆类型转化+数据处理的操作 self.usernameTF.rx:将textfiled用Reactive封装: .text:监 ...
    
			
    2. 
						
  2. 一个好玩的 屏蔽别人审查元素F12 右键及其他复制粘贴等
			
    有的时候自己写的私下的个人小页面 里面有些自己的小秘密 或者别的东西 不想人别人审查元素看见 所以我提供了一段不让别人审查元素的代码(我个人比较喜欢弄有意思的东西  喜欢玩 ) //屏蔽右键菜单doc ...
    
			
    3. 
						
  3. iptables详解（3）：iptables规则管理
			
    所属分类:IPtables  Linux基础 在本博客中,从理论到实践,系统的介绍了iptables,如果你想要从头开始了解iptables,可以查看iptables文章列表,直达链接如下 iptab ...
    
			
    4. 
						
  4. 有赞 MySQL 自动化运维之路 — ZanDB
			
    转自:https://tech.youzan.com/youzan-mysql-auto-ops-road/ 一.前言 在互联网时代,业务规模常常出现爆发式的增长.快速的实例交付,数据库优化以及备份管 ...
    
			
    5. 
						
  5. 计蒜客 劫富济贫 (Trie树)
			
    链接 : Here! 思路 : Trie树裸题, 由开始给出的名字建一棵字典树, 然后每次查询一下抢♂劫的人名是否在字典树中, 复杂度也不清楚是多少, 反正是没给出 $M$ 的范围, 开始时用 $ha ...
    
			
    6. 
						
  6. python--(十五步代码学会进程)
			
    python--(十五步代码学会进程) 一.进程的创建 import time import os #os.getpid() 获取自己进程的id号 #os.getppid() 获取自己进程的父进程id ...
    
			
    7. 
						
  7. linux获得网卡信息
			
    #define MAX_INTERFACE 64 int showifs() { int i; int rc; int sock; int ifnum; struct ifreq ifr[MAX_IN ...
    
			
    8. 
						
  8. BZOJ 2754 [SCOI2012]喵星球上的点名 (AC自动机、树状数组)
			
    吐槽: 为啥很多人用AC自动机暴力跳都过了?复杂度真的对么? 做法一: AC自动机+树状数组 姓名的问题,中间加个特殊字符连起来即可. 肯定是对点名串建AC自动机(map存儿子),然后第一问就相当于问 ...
    
			
    9. 
						
  9. Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/HibernateJpaAutoConfiguration.class]: Invocation of init method fail
			
    SpringBoot 单元测试报错 @RunWith(SpringRunner.class) @SpringBootTest public class ProductCategoryRepositor ...
    
			
    10. 
						
  10. Python 6 数字和布尔值及字符串的基本功能
			
    数据类型:查看变量数据类型type(变量)  或者  print(type(变量)) 整数int:就是不带小数的自然数字,也叫整型.在2.X版本中还分为长整型和整形.但是在3.X版本中统一称为整数或整 ...
    
			
    11.