javascript行内脚本小小探讨

简介:

如果可能,尽量不要出现行内脚本,因为行内脚本会导致一系列问题,包括

  • 页面混乱,难以阅读还有维护(想想一个大约1000行代码的网页,html标签跟js代码混杂在一起是何等的壮观,加上不合理的代码格式,那简直就是噩梦)
  • 可重用性差(采用外部脚本链接,js代码可为多个页面共用)
  • 重复下载(采用外部脚本链接,js代码可被浏览器缓存,避免不必要的重复下载)
  • 由于阻塞下载问题,会导致页面加载渲染速度严重变慢(原因比较复杂,涉及js基本的加载机制以及代码依赖,以及当行内脚本置于CSS样式表后可能导致的延迟问题,暂不详述)
  • 其他。。。

建议:尽量采用外部脚本链接的方式,其实就一行语句:

<script type="text/javascript" src="test.js"></script>

多简洁啊~~~~~~~T_T

如果不幸真的得采取行内脚本(比方说老师规定不这样写作业就不能及格。。。),那就:

  • 将行内脚本放在样式表定义之前(当有其他外部脚本并且与该外部脚本存在代码依赖时)
  • 将行内脚本移到课件资源之后(也就是网页的末尾)

小小总结,未经历史检验,如有错漏实属必然,欢迎指正。。。

相关文章
|
JavaScript 前端开发 测试技术
使用Selenium执行JavaScript脚本:探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS,例如滑动页面、操作时间控件等。在滑动操作示例中,通过JS将页面滚动到底部,点击下一页并获取页面信息。对于只读时间控件,利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能,提高了测试效率和精准度,适用于各种自动化测试场景。
|
JavaScript 前端开发 Java
liteflow规则引擎 执行Javascript脚本
liteflow规则引擎 执行Javascript脚本
446 1
|
移动开发 JavaScript 数据可视化
分享88个JS播放器脚本,总有一款适合您
分享88个JS播放器脚本,总有一款适合您
338 0
|
移动开发 JavaScript 前端开发
分享95个JS表单脚本,总有一款适合您
分享95个JS表单脚本,总有一款适合您
158 0
|
移动开发 JavaScript 前端开发
分享106个JS表单脚本,总有一款适合您
分享106个JS表单脚本,总有一款适合您
169 0
|
移动开发 JavaScript 前端开发
分享98个JS表单脚本,总有一款适合您
分享98个JS表单脚本,总有一款适合您
157 0
|
JavaScript 前端开发 Unix
Node.js Shell 脚本开发指南(中)
Node.js Shell 脚本开发指南(中)
347 0
|
JavaScript 前端开发 Shell
Node.js Shell 脚本开发指南(上)
Node.js Shell 脚本开发指南(上)
326 0
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
4084 0
|
12月前
|
JavaScript Shell C#
多种脚本批量下载 Docker 镜像:Shell、PowerShell、Node.js 和 C#
本项目提供多种脚本(Shell、PowerShell、Node.js 和 C#)用于批量下载 Docker 镜像。配置文件 `docker-images.txt` 列出需要下载的镜像及其标签。各脚本首先检查 Docker 是否安装,接着读取配置文件并逐行处理,跳过空行和注释行,提取镜像名称和标签,调用 `docker pull` 命令下载镜像,并输出下载结果。使用时需创建配置文件并运行相应脚本。C# 版本需安装 .NET 8 runtime。
876 3

热门文章

最新文章