script标签位置的放置

最新推荐文章于 2022-10-08 10:23:39 发布
最新推荐文章于 2022-10-08 10:23:39 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LU130607021/article/details/51288060
版权

script标签的位置存放

一般放置在<body></body>标签之后

举一个栗子：script标签放在head标签中


这个页面在执行过程中会出错：

           直接IE浏览器中执行，在控制台会出现错误：SCRIPT5007: 无法获取未定义或 null 引用的属性“value”



错误原因：

HTML文件是逐行解析，在解析到     var  input1 = document.getElementById("nameid")时，还没有解析到id值为"nameid"的输入框的值，

所以或出现错误


解决：一般把<script type="text/javascript">   </script>放在<body></body>之后


LU130607021
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 实现简单的移动和缓动的效果
qq_65715980的博客
07-11 1447
CSS布局，JavaScript代码——移动获取元素，封装函数实现移动，移动效果与移动同理使用函数来封装，代码大致与js移动相同，中间判断与上文稍微有些不同，其中的含义是，第一次移动取移动距离的十分之一，接下来的每一次移动，都是取省下来还剩多少距离的十分之一，取整是为了，在无线接近于所设置的距离可以移动。.........
Script标签里写ajax请求,【架构】Ajax跨域请求问题
weixin_42528534的博客
08-05 941
一、什么是AJAX？Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也...
script标签到底该放在哪里
别抢我蓝buff
03-29 2225
转自：http://blog.csdn.net/ybdesire/article/details/49284699 一般script标签会被放在头部或尾部。头部就是<head>里面，尾部一般指<body>里[4-5]。 将script放在<head>里，浏览器解析HTML，发现script标签时，会先下载完所有这些script，再往下解析其他的HTML。讨...
关于script标签在HTML页面放置的位置
weixin_45832482的博客
03-05 1万+
一般script标签会被放在头部或尾部，头部就是head标签里，尾部就是body里，也有放在body闭合标签之后。 1、script标签放在head标签内部 <head> <title>获取DOM元素</title> <script> var myElement = document.getElementById("atag"); console.log(myElement); </script&g
script标签所应放的位置
baiao8753的博客
08-06 650
　　一般放置的位置：<head>标签内，<body>标签内，<body>标签后（建议放在body标签后，利于页面的优化,优化页面结构加载的速度） 　　1.<head>标签内：外部引入的js文件，或者不涉及页面元素操作的js代码块。 　　2.<body>标签内：放哪都行，只要保证放在操作元素下面就行，但是如果需要自执行js就需...
有趣的script标签用getAttribute方法来自脚本吧
10-31
script 标签的application和getAttribute方法 在网页中引入外部对象并传递参数是非常常见的需求，通常我们使用 iframe 和 embed 标签来实现，但是这些标签都不能像 XML 一样设置参数，只能通过在 URL 地址后追加...
全面了解js中的script标签
10-22
1. script 标签放置位置对页面加载的影响。通常，将 script 标签放置在 HTML 文件的 body 标签结束之前是一种好的实践。这是因为如果 script 标签放在 head 中，浏览器会等待脚本下载并执行完毕才会继续解析和渲染...
浅谈script在html中的摆放位置
09-28
放置`<script>`标签的最佳实践通常建议将其置于`<body>`标签的底部，即`</body>`标签之前。这样做有两个主要原因： 1. **避免阻塞页面渲染**：将`<script>`放在底部可以让浏览器先完成HTML的解析和DOM的构建，然后...
JS中script标签defer和async属性的区别详解
10-21
为了避免这个问题，通常推荐的做法是将所有的`<script>`标签放置在`</body>`标签之前。这样做可以在加载完页面内容后再加载和执行JavaScript代码，从而减少对页面渲染的干扰。 在`<script>`标签中，`defer`和`async...
关于＜Script＞标签在html页面放置位置
Shaw_Jie的博客
10-08 2892
script引入位置
script标签应该写在哪儿？
AuroraCD的博客
06-04 6205
如果script标签放在头部，网页内容必须等待所有的Javascript代码下载、解析、执行完毕后才能开始呈现，这样会导致网页打开延迟，不利于用户体验，所以一般的做法是放在body最底部。 定义defer属性，脚本就会在整个页面都载入后再执行，这样就不会造成 网页打开延迟。 也可以根据js的作用要放在不同的位置： （1）放在头部 引用，比如一些函数库，例如常见的JQ库; （2）放在底部 在内部...
script标签的位置详解
倚栏听风
06-09 2295
1、在我们编写代码的时候，会在页面内使用<script>标签来写JS，虽然理论上script标签的位置放在哪里可以，但是还是有一点区别的。 2、为什么很多人把script标签放在底部： 初学者在学习JS的时候看见很多DEMO里面的script标签写在底部，但是却不是很清楚为什么，下面来解释一下： 　　虽然理论上放在哪里都是可以的，但是对于前端页面优化来讲，还是放在底部是最佳的，因...
JavaScript键盘上下键控制移动
a_sid的博客
12-02 6665
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #did { width: 400px; height: 400px; b
html文件中script标签放在哪里?
热门推荐
renaway的博客
02-15 2万+
首先说选择，常见的位置有两个，一个位置是&lt;head&gt;标签里面，另一个是body标签快结束的地方，也就是&lt;/body&gt;上面。 然后说结论，一般情况下都可以放。区别嘛可以看个例子(scriptlocation.html): &lt;!DOCTYPE html&gt; &lt;html lang="cn"&gt; &lt;head&gt; &lt;meta charset..
js-script标签放在的位置
banchousuo6747的博客
11-01 328
* 建议把script标签放到</body>后面 　　* 如果现在有这样一个需求 　　在js里面需要获取到input里面的值，如果把script标签放到head里面，会出现问题。HTML解析是从上到下解析的，script标签放到head里面，直接在里面取input里面的值，因为页面 还没有解析到input那一行，肯定取不到！ <html> &l...
关于Script标签在html页面放置位置
memejie的博客
04-04 3520
关于<Script>标签在html页面放置位置 　　一般script标签会被放在头部或尾部。头部就是<head></head>里面，尾部一般指<body></body>里,但也有放在</body>闭合标签之后的。 究竟这些位置不同有什么不一样呢？下面我来详细说一下：1.<script></script&gt...
<script>标签在HTML中的位置
pwdjying的博客
07-12 4843
通常，我们把元素都放在页面的元素中，例如： window.onload = function(){//页面所有元素加载完毕 var btn = document.getElementById("btn");  //获取id为btn的元素(button) btn.onclick = function(){   //给元素添加onclick事件 var arrays
html script标签
最新发布
05-27
1. 将JavaScript代码放在`<script>`标签中： ``` <script> // JavaScript code here </script> ``` 2. 引入外部JavaScript文件： ``` <script src="path/to/script.js"></script> ``` 3. 使用`<script>`标签的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值