在页面上加上<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. 为什么阿里规约手册要求谨慎使用Arrays.asList方法
			
    前言 在开发中,有时候会碰到把多个参数,或者说把数组转成List的需求,通常我们会使用 Arrays.asList()方法.但是该方法在使用的过程中,稍有不慎就会出现严重的异常.有如下代码: @Tes ...
    
			
    2. 
						
  2. 可以用作javascript异步模式的函数写法
			
    1. 回调函数 f1(); f2(); function f1(callback) { setTimeout(function() { // f1的任务代码 callback(); }, 1000); ...
    
			
    3. 
						
  3. Robberies （01背包dp变形）
			
    题意:一个强盗要抢劫银行又不想被抓到,所以要进行概率分析求他在不被抓的情况下能抢最多的钱.他给定T(样例个数),N(要抢的银行的个数),P(被抓的概率要小于P)Mj(强盗能抢第j个银行Mj元钱),Pj ...
    
			
    4. 
						
  4. 单表：SQL语句关键字的执行顺序
			
    表和数据: -- 创建表 CREATE TABLE `person` ( `id` ) NOT NULL AUTO_INCREMENT, `name` ) NOT NULL, `age` ) ', ` ...
    
			
    5. 
						
  5. 原来PHP对象比数组用更少的内存
			
    一直以为php的数组更节省内存,从来没有测试过,今天因为要读取一个大配置文件作为pool.做了一次测试: 得出结论是 使用对象保存数据更好,花费的内存是数组array的1/4. 测试代码 class  ...
    
			
    6. 
						
  6. saving snaps iteratively with for loop in Paraview
			
    Goal: read data 1 and slice, then save pressure, velocity contours, close data, then do loop for the ...
    
			
    7. 
						
  7. PAT 1057. Stack
			
    Stack is one of the most fundamental data structures, which is based on the principle of Last In Fir ...
    
			
    8. 
						
  8. 8 pandas模块，多层索引
			
      1 创建多层索引     1)隐式构造         最常见的方法是给DataFrame构造函数的index参数传递两个或更多的数组           · Series也可以创建多层索引    ...
    
			
    9. 
						
  9. linux学习6-简单的文本处理
			
    简单的文本处理 实验介绍 这一节我们将介绍这几个命令tr(注意不是tar),col,join,paste.实际这一节是上一节关于能实现管道操作的命令的延续,所以我们依然将结合管道来熟悉这些命令的使用. ...
    
			
    10. 
						
  10. 【郑轻邀请赛 D】hipercijevi
			
    [题目链接]:https://acm.zzuli.edu.cn/zzuliacm/problem.php?id=2130 [题意] [题解] 把那个管泛化成一个点; 然后把每一个在管里面的点都和它相连 ...
    
			
    11.