在页面上加上<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. PHP 之递归遍历目录与删除
			
    /** * @Description: 递归查询目录文件 * @Author: Yang * @param $path * @param int $level * @return array */ f ...
    
			
    2. 
						
  2. Please, commit your changes or stash them before you can merge
			
    参照 : https://blog.csdn.net/iefreer/article/details/7679631 用git pull来更新代码的时候,遇到了下面的问题: error: Your l ...
    
			
    3. 
						
  3. 【http反向代理】多个域名指向同一个ip的不同网站解决方法
			
    一个服务器需要挂载多个项目[重点是都能通过域名访问] 实现原理: 1.当前市面上看到的一些服务器,开放的端口一般都要求为 '80' 端口 所以80端口成了商用端口 2.域名的绑定是绑定一个一般是绑定你 ...
    
			
    4. 
						
  4. 浏览器控制之 selenium,phantomJs谷无头浏览器
			
    目录 浏览器控制之 selenium,phantomJs谷无头浏览器 selenium phantomJs 需求是尽可能多的爬取豆瓣网中的电影信息 谷歌无头浏览器 浏览器控制之 selenium,ph ...
    
			
    5. 
						
  5. Spring Boot的常见配置项解析
			
    1.spring-boot-starter-parent:springboot官方推荐的maven管理工具,最简单的做法就是继承它. spring-boot-starter-parent包含了以下信息 ...
    
			
    6. 
						
  6. 《你说对就队》第八次团队作业：Alpha冲刺  第五天
			
    <你说对就队>第八次团队作业:Alpha冲刺 第五天 项目 内容 这个作业属于哪个课程 [教师博客主页链接] 这个作业的要求在哪里 [作业链接地址] 团队名称 <你说对就队>  ...
    
			
    7. 
						
  7. Eleastisearch6.0.0 read_only_allow_delete: false
			
    Eleastisearch6.0.0由单节点升级到多节点集群cluster时候出现的分片同步错误问题解决 原创 2018年01月18日 16:33:21 5 启动多个节点的ES后,ES开始推举mast ...
    
			
    8. 
						
  8. ggplot画基本图形类型
			
    df<-data.frame( x=c(3,1,5), y=c(2,4,6), label=c("a","b","c"))p<- ...
    
			
    9. 
						
  9. cogs 826. [Tyvj Feb11] GF打dota
			
    826. [Tyvj Feb11] GF打dota ★★☆   输入文件:dota.in   输出文件:dota.out   简单对比时间限制:1 s   内存限制:128 MB 众所周知,GF同学喜 ...
    
			
    10. 
						
  10. QT中使用高速排序
			
    今天想到了用QT做一个高速排序.所以研究了一下. 由于用习惯了,C++的std::sort.就算是C的时候也用得是stdlib.h中的qsort. 手写板 手写板的快排事实上不难,仅仅是自从用C++打 ...
    
			
    11.