JavaScript放头部不执行的情况（针对新手）

2019独角兽企业重金招聘Python工程师标准>>>

浏览器执行顺序是从上到下，从左到右，遇到JavaScript脚本时要下载完脚本并执行才会继续加载其他的，如果脚本放在所执行函数用到的HTML对象前执行就会失效，因为当浏览器执行时，浏览器还没有加载好你用到的HTML对象，所以会报错（函数没写 window.onload的前提下）：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>javascript不执行</title>
</head>//在涉及的执行对象前面，对象未加载就执行了，也就是找不到对象，此时无效.（从上到下执行）
<script type="text/javascript">   alert(document.getElementById('one').innerHTML)
</script>
<body>//执行脚本的对象如下<div id="one">为什么呢？</div>
</body>
</html>

会报错：TypeError: document.getElementById(...) is null

解决办法：

脚本放在底部，或者放在脚本要执行时涉及到的HTML对象后面：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>javascript不执行</title>
</head><body><div id="one">为什么呢？</div>//执行的对象如上//此时，执行对象先加载好了，然后再执行的script，此时有效.（从上到下执行）<script type="text/javascript">alert(document.getElementById('one').innerHTML)</script>
</body>
</html>

2.增加window.onload，然后随意放哪里

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>javascript不执行</title>
</head>
<script type="text/javascript">
//window.onload的意思是文档加载完后执行，这样就可以了window.onload=function start(){alert(document.getElementById('one').innerHTML)}</script>
<body><div id="one">为什么呢？</div>
</body>
</html>

本文只针对新手，不喜勿喷，有错误的地方请指正，（仅供参考，后果自负）

转载于:https://my.oschina.net/Cubicluo/blog/671338

JavaScript放头部不执行的情况（针对新手）相关推荐

触发Full GC执行的情况以及其它补充信息
除直接调用System.gc外,触发Full GC执行的情况有如下四种.1. 旧生代空间不足旧生代空间只有在新生代对象转入及创建为大对象.大数组时才会出现不足的现象,当执行Full GC后空间仍然不足 ...
JavaScript中的立即执行函数
原文链接通常我们声明一个函数有以下几种方式: // 声明函数f1 function f1() {console.log("f1"); } // 通过()来调用此函数 f1();/ ...
java强制fullgc_触发Full GC执行的情况以及其它补充信息
除直接调用System.gc外,触发Full GC执行的情况有如下四种. 1. 旧生代空间不足旧生代空间只有在新生代对象转入及创建为大对象.大数组时才会出现不足的现象,当执行Full GC后空间仍然 ...
Linux 将进程放入后台执行，解决网络，ssh断开导致进程结束（nohup, setsid, , disown）...
Linux 将进程放入后台执行,解决网络,ssh断开导致进程结束(nohup, setsid, &, disown) 1.nohup 命令我们知道,当用户注销(logout)或者网络断开 ...
finally块不被执行的情况总结
finally块的作用通常用于处理善后工作.当try块里出现异常时,会立即跳出try块,到catch块匹配对应的异常,执行catch块里的语句.此时,可能在try块里存在打开的文件没关闭,连接的网络 ...
mysql存储过程按区间_针对新手的MYSQL存储过程详解_CSDN_ChenF的博客-CSDN博客
原文作者:橘左京i 原文标题:针对新手的MYSQL存储过程详解发布时间:2021-02-22 10:03:18 一位爱好技术的橘右京的哥哥橘左京前言:什么是存储过程?存储过程就像是一个接口,可以直 ...
如何用阿里云服务器建立个人网站（针对新手）
首先,我们需要购买云服务器和域名. 域名建议用.com后缀的(一般五十左右),想要便宜的域名可以买.top等后缀的(一般几块钱). 点击这里购买域名云服务器的话,根据自己的需要购买,如果只是简单的发 ...
为什么css放头部、js放尾部
(题图:梵高-向日葵) 我们最开始学前端的时候都会看到教程在处理外部css,js的时候会将css放在header中,js放在body的最后.为什么要这样子处理,今天参考一些资料好好分析下. 为什么外链 ...
大话javascript 2期：执行上下文与执行上下文栈
一.什么是执行上下文? 执行上下文(Execution Context): 函数执行前进行的准备工作(也称执行上下文环境) JavaScript在执行一个"代码段"之前,即解析(预 ...

JavaScript放头部不执行的情况（针对新手）

JavaScript放头部不执行的情况（针对新手）相关推荐

最新文章

热门文章