JavaScript之将JS代码放在什么位置最合适

最新推荐文章于 2023-10-23 11:01:02 发布
最新推荐文章于 2023-10-23 11:01:02 发布
阅读量130 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/GreenLeaves/p/5681020.html
版权

1.放到<head></head>标签里面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
       JavaScript  goes here
    </script>
</head>
<body>
</body>
</html>

2.将JavaScript代码存为一个扩展名为.js的独立文件。然后在<head></head>标签里面放一个<script type="text/javascript"></script>并把他的src属性指向该文件的物理地址；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/Script.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>

3.最好的做法是:因为网页是以文档流的形式加载文件,所以为了更快的加载页面,通常是将JS外部连接代码放置到</body>标签之前

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script src="js/Script.js" type="text/javascript"></script>
</body>
</html>

 

转载于:https://www.cnblogs.com/GreenLeaves/p/5681020.html

weixin_30772105
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript 书写位置规范
Webkaifadongge的博客
12-05 1005
1. 内部 JavaScript 直接写在html文件里，用script标签包住 规范：script标签写在上面 拓展： alert(‘你好，js’) 页面弹出警告对话框 注意事项 我们将 总结： 1.javaScript 三种书写位置？ 内部 外部 内联2.注意事项 书写的位置尽量写到文档末尾</body>前面 外部js标签中间不要写代码，否则会被忽略。 ...
JavaScript程序开发之JS代码放置的位置
11-22
将JavaScript代码放在`<body>`标签的底部，通常是在`</body>`标签之前，这样可以确保脚本在所有HTML元素解析完毕后才执行，从而避免了阻塞页面的呈现。这是推荐的最佳实践，特别是当脚本涉及DOM操作或依赖于DOM元素...
课内容总结
zzs1126的博客
09-12 378
9月12课内总结
js代码写在什么位置好,javascript代码写在哪里
最新发布
chatgpt001的博客
10-23 294
这篇文章主要介绍了javascript代码书写的几种位置，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。
JavaScript 到底放在哪个位置，不同位置效果又是怎么样
轻风细雨_林木木
09-07 1820
一般script标签会被放在头部或尾部。头部 就是里，尾部 一般指里。
javascript容错处理代码(屏蔽js错误)
11-30
将这段代码放入网页的`<head>`区域，它会覆盖默认的错误处理行为，使得浏览器不再显示错误提示，而是默默地处理错误。这种方法虽然能避免错误弹窗打扰用户，但无法提供详细的错误信息，不利于开发者调试问题。 第二...
访问百度和谷歌网速测试的javascript代码
12-01
由于`document.write`在文档加载完成后会被清空，所以请确保在合适的时候运行这段代码，比如放在`window.onload`或`DOMContentLoaded`事件中。 需要注意的是，由于跨域限制，`fetch`请求可能在某些情况下无法成功。...
大图javascript轮换特效代码
03-20
【大图javascript轮换特效代码】是一个用于网页中展示大图并实现动态切换效果的JavaScript技术应用。在网页设计中，大图轮换通常用于网站的头部或产品展示区域，以吸引用户注意力并展示多种信息。JavaScript作为一种...
js rtsp 监控视频 代码
02-17
- `js`目录：可能包含了Vue组件、视频播放逻辑的JavaScript代码，如使用ijkplayer或video.js的配置和事件处理。 在实际项目中，我们需要根据具体的业务需求和技术栈选择合适的解决方案。例如，如果项目已经基于Vue...
嵌入的js代码应该放在什么位置
qq_35898059的博客
06-23 1871
嵌入的js代码应该放在什么位置 js阻塞： 所有浏览器在下载js代码的时候，会阻止其他一切活动，比如 其他资源下载，内容呈现等。直到js代码 下载、解析、执行完毕   后才开始继续并行下载其他资源并渲染内容。 css阻塞： css本身是并行加载的。但是css后面如果跟着js代码的话， 就会发生阻塞。该css就会阻塞后面资源的下载。 （意思就是 css 加载完毕， js阻塞后面的资源。 相对于 css 阻塞 后面资源） 如果把嵌入的js代码放到css前面。css就不会发生阻塞了。
该把JS文件放在HTML文档的那个位置
洛小宇博客
06-08 1万+
首发于：技术风暴 我们今天来聊一聊关于JavaScript文件的引入位置的问题；大家在平时的Web开发中有没有想过这样一个问题，那就是我应该在文档的头部（也就是标签内部里面）引入所需要的JavaScript文件还是应该在尾部（也就是之前）引入所需要的JavaScript文件呢？今天我们就来深入的探究一下这个问题。 首先我们需要了解的一点就是，在浏览器渲染页面之前，它需要通过解析HTML标记
Javascript代码该写在什么位置
热门推荐
一杯黄河水
05-01 1万+
javascript代码存放一般有两种方法： 一：javascript放置在HTML页  1. 之间  当浏览器载入网页body部分的时候，就会执行其中嵌入的javascript语句，执行之后输出的内容就显示咱网页中。 ...  2.之间 有时候不需要一载入HTML页面就执行javascript程序，而是用户触发了某个事件，才需要调用javascript程序，这
JS代码存放位置
Lily_F的博客
06-29 897
js代码可以放在HTML网页的任何位置，但是一般我们放<head>和<body>两个位置。浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。 放在<body>部分 最...
在什么位置写js代码
程宇寒
05-04 2448
一：介绍 1.DOM 　　 2.节点分类 　　节点及其类型: 　　　　1). 元素节点 　　　　2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 　　　　3). 文本节点: 是元素节点的子节点, 其内容为文本. 　　 二：JS的位置 0.新建静态web项目 　　 1.第一种方式　　 　　在 body 节点之前编写 js 代码, 但需要利用 wi...
JavaScript_在什么位置编写 JS 代码
chance2015的博客
01-05 5049
1.相关介绍DOM：Document Object Model(文本对象模型) D：文档 – html 文档 或 xml 文档 O：对象 – document 对象的属性和方法 M：模型 DOM 是针对xml(html)的基于树的API。 DOM树:节点（node）的层次。 DOM 把一个文档表示为一棵家谱树（父，子，兄弟） DOM定义了Node的接口以及许多种节点类型来表示XML节
JavaScript代码在网页的哪里
06-08
JavaScript代码可以放在HTML文件的不同位置。以下是常见的几种位置： 1. 外部JavaScript文件：将JavaScript代码保存在一个单独的`.js`文件中，然后在HTML文件中使用`<script>`标签引用该文件。例如： ```html <!DOCTYPE html> <html> <head> <title>My Page</title> <script src="my_script.js"></script> </head> <body> ... </body> </html> ``` 2. 内部JavaScript代码：将JavaScript代码直接写在HTML文件中的`<script>`标签中。例如： ```html <!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> ... <script> // JavaScript代码 </script> </body> </html> ``` 3. 延迟加载JavaScript代码：使用`defer`属性可以延迟加载JavaScript代码，直到页面加载完毕后再执行。例如： ```html <!DOCTYPE html> <html> <head> <title>My Page</title> <script defer src="my_script.js"></script> </head> <body> ... </body> </html> ``` 4. 异步加载JavaScript代码：使用`async`属性可以异步加载JavaScript代码，不会阻塞页面的加载。例如： ```html <!DOCTYPE html> <html> <head> <title>My Page</title> <script async src="my_script.js"></script> </head> <body> ... </body> </html> ``` 请注意，JavaScript代码的位置和加载方式可能会影响页面的性能和用户体验。建议根据实际情况选择最合适的方式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值