script标签放在head标签与body标签中的区别

最新推荐文章于 2024-06-24 11:36:21 发布

ReL1FE.

最新推荐文章于 2024-06-24 11:36:21 发布

阅读量1.6k

点赞数 2

分类专栏： JavaScript

原文链接：https://blog.csdn.net/qq_42890157/article/details/84197363

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

html代码是从上往下依次执行,<script>放在<head>中时，会在页面加载之前加载到浏览器里，放在<body>中时，会在页面加载完成之后读取。

所以：在head中checkInput1 为undefined，而在body的script标签中checkInput2为Object

<html>
  <head>
    <title>验证码</title>
    <meta charset="UTF-8">
    <script type="text/javascript">
      	var checkInput1 = document.getElementsByName("checkcode")[0];
   		console.log(typeof(checkInput1));   //undefined
    </script>
  </head>
  <body>
	  <form>
	    验证码<input type="text" name="checkcode"/>
	  </form>
  <script type="text/javascript">
    var checkInput2 = document.getElementsByName("checkcode")[0];
   console.log(typeof(checkInput2));   //Object
  </script>
  </body>
</html>

原文链接：https://blog.csdn.net/qq_42890157/article/details/84197363

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ReL1FE.

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
script标签放在head标签与body标签中的区别

html代码是从上往下依次执行,<script>放在<head>中时，会在页面加载之前加载到浏览器里，放在<body>中时，会在页面加载完成之后读取。所以：在head中checkInput1 为undefined，而在body的script标签中checkInput2为Object<html> <head> <tit...
复制链接

扫一扫