开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我应该在哪里将<script>标记放在HTML标记中？

在HTML文档中，<script>标签通常放置在<head>或<body>标签内。将<script>标签放在<head>标签内，可以确保在页面内容渲染之前加载和执行脚本。将<script>标签放在<body>标签底部，则可以确保在页面内容完全加载后再执行脚本。这样可以避免脚本阻塞页面内容的渲染。

例如，将<script>标签放在<head>标签内：

<!DOCTYPE html>
<html>
<head>
 <title>Example</title>
 <script src="your-script.js"></script>
</head>
<body>
  <!-- Your HTML content here -->
</body>
</html>

或者将<script>标签放在<body>标签底部：

<!DOCTYPE html>
<html>
<head>
 <title>Example</title>
</head>
<body>
  <!-- Your HTML content here -->
 <script src="your-script.js"></script>
</body>
</html>

在这两种情况下，<script>标签都会在页面加载时执行。请注意，将<script>标签放在<head>或<body>标签内都可以确保脚本在页面内容渲染之前或之后执行。但是，将<script>标签放在<head>标签内可能会导致页面渲染速度变慢，因为浏览器需要先下载并执行脚本，然后才能渲染页面内容。而将<script>标签放在<body>标签底部可以确保页面内容优先渲染，从而提高用户体验。

相关搜索:将注销操作放在<a>标记中将html标记放在字符串内 Wordpress交换JS <script>标记中编码的Html 将锚标记和html放在同一行使用<script>标记无法在HTML中播放音频我的html代码不能读取<script>标记中的js函数将事件监听器放在HTML标记与BODY标记之间有什么区别？html将div放在z轴上的td标记之间如何将span标记放在RESX文件中？在HTML中<script src=""></script>标记的src路径中向上移动一层我应该在哪里将"ttf"文件放在Android项目中？HTML中的<script>标记位置是否会影响网页的性能？在React.js中插入来自HTML <script>标记的按钮是否可以将类名放在结束标记</div>中？放在HTML表中的html <button>，用id标记，不响应jquery。何时应该在GTM自定义html标记中引用变量？Javascript -如何从HTML中的<script>标记中查找和获取特定值将<div>元素放在<head>标记中是不是很糟糕？Javascript:强制将div中的输入文本放在<p>标记中我应该在页面加载时将预加载器图像放在哪里？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

文本溢出-超出文本显示为省略号

HTML5学堂：本文当中我们主要为大家讲解如何实现文本超出显示为省略号；同时讲解一下，在网页开发与制作的时候，我们什么时候应该考虑内容撑开宽高，又应该在何时考虑文本超出的问题。实现文本超出显示为省略号使用CSS实现元素的文本超出隐藏，通常存在两种方式，一种是超出直接隐藏内容，另一种是超出显示为省略号。超出隐藏超出隐藏，只需要为一个有固定宽高设置为overflow:hidden; 单行文本超出显示为省略号实现代码如下： <style> .text-overflow { wid

04

个人博客建设——Hexo主题icarus的_config.icarus.yml配置参数注释

我的CN華少博客建设也有一段时间了，这段时间想去更新一下文章，突然发现原来的源码被我不知道弄到哪里去了，于是乎我又准备重新建一个项目，并在其基础上更换一套新的模板，并与Typore中的.md文件进行使用尝试，近期这几篇可能就是这个系列来进行了。另之前开设的SSO统一身份认证近期没有再进行更新，后续会对其进行补充，请大家持续关注。

03

记一次跳不出思维解决 admin pjax 自定义刷新页面问题

01

bootstrap笔记（一）——布局容器和排版样式

一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。

02

javascript 基本概念

一、在HTML中使用javascript 1.直接是用<script></script>标签。 2.外部引入 <script type="javascript" src="../app/js/test/test1.js"></script> 一般会放在浏览器的底部，让页面先加载出来，避免JS文件过多过大时，页面加载延迟，出现一直空白的情况。文档类型 DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。不同文档模式主要影响CSS内容

03

微信公众号开发 —— 自定义分享

微信公众号开发JS-SDK说明文档地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 1.绑定JS域名，不需要加h

05

你不知道的 DOM 变动观察器：Mutation observer

MutationObserver 是一个内建对象，它观察 DOM 元素，并在检测到更改时触发回调。

01

Vue中$refs的理解

$refs是一个对象，持有注册过ref attribute的所有DOM元素和组件实例。

02

【译】为什么React元素里拥有$$typeof属性？

本文作者：IMWeb went 原文出处：IMWeb社区未经同意，禁止转载原文链接：Why Do React Elements Have a $$typeof Property? 你可能以为

01

meta标签到底是做什么的|我竟一无所知

最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文档中添加了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">完美解决。

04

为什么react元素有个$$typeof 属性

你可能认为你在写JSX: <marquee bgcolor="#ffa7c4">hi</marquee> 但是实际上是你在调用一个函数: React.createElement( /* type

03

Vue 3 模板语法

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层应用实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。

02

第 09 篇：让博客支持 Markdown 语法和代码高亮

为了让博客文章具有良好的排版，显示更加丰富的格式，我们使用 Markdown 语法来书写博文。Markdown 是一种 HTML 文本标记语言，只要遵循它约定的语法格式，Markdown 的解析工具就能够把 Markdown 文档转换为标准的 HTML 文档，从而使文章呈现更加丰富的格式，例如标题、列表、代码块等等 HTML 元素。由于 Markdown 语法简单直观，不用超过 5 分钟就可以轻松掌握常用的标记语法，因此大家青睐使用 Markdown 书写 HTML 文档。下面让我们的博客也支持使用 Markdown 写作。

03

Vue2.5笔记：Vue中的模版

我们在上一篇说到如何把 Vue 实例中的数据显示到视图中，就会需要用到我们的模版，我们只是简单的使用了一些，模版其实还有很多其他的特性。今天我们就来看看模版的其他特性。

01

ajax实现看视频无刷新评论

学会使用开发者工具找错误，同时使用$.ajax()的好处，可以看到错误的出在那里

02

vue在浏览器中对DOM渲染探究

“世间万物都由分子构成。用气将万物的分子打散，分解眼前事物，再将分子重组，在短暂的瞬间，可以凝成时空停顿，甚至逆转时空。”

01

dplayer使用_dplayer官方下载

DPlayer 是一个支持弹幕的 html5 视频播放器。支持 Bilibili 视频和 danmaku，实时视频（HTTP Live Streaming，M3U8格式）以及 FLV 格式。

03

一篇文章教会你使用HTML5加载音频和视频

01

JavaScript IndexedDB 完整指南

本文将通过一个小教程向你介绍 IndexedDB，并将 IndexedDB 与其他可用选项进行比较。IndexedDB 用于在浏览器中存储数据，对于需要离线工作的 web 应用程序（如大多数进步的 web 应用程序）尤其重要。

02

网页中代码的顺序是不可忽略的细节

仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。而今天我要谈的这个细节，就是关于网页中代码的顺序。没错，代码也是有顺序的，顺序不对有可能会出现一些意外的情况。

03

AngularDart 4.0 高级-安全

本页面介绍了Angular内置的针对常见的Web应用程序漏洞和跨站脚本攻击等攻击的内置保护。它不包括应用程序级别的安全性，如身份验证（此用户是谁？）和授权（此用户可以做什么？）。

02

绕过 XSS 检测机制

跨站点脚本 (XSS) 是最常见的 Web 应用程序漏洞之一。它可以通过清理用户输入、基于上下文转义输出、正确使用文档对象模型 (DOM) 接收器和源、执行正确的跨源资源共享 (CORS) 策略和其他安全实践来完全防止。尽管这些预防性技术是公共知识，但 Web 应用程序防火墙 (WAF) 或自定义过滤器被广泛用于添加另一层安全性，以保护 Web 应用程序免受人为错误或新发现的攻击向量引入的缺陷的利用。虽然 WAF 供应商仍在尝试机器学习，但正则表达式仍然是检测恶意字符串的最广泛使用的方法。

02

防止在训练模型时信息丢失用于TensorFlow、Keras和PyTorch的检查点教程

如果你玩过电子游戏，你就会明白为什么检查点（chekpoint）是有用的了。举个例子，有时候你会在一个大Boss的城堡前把你的游戏的当前进度保存起来——以防进入城堡里面就Game Over了。机器学

05

JavaScript IndexedDB 完整指南

本文将通过一个小教程向你介绍 IndexedDB，并将 IndexedDB 与其他可用方式进行比较。IndexedDB 用于在浏览器中存储数据，对于需要离线工作的 web 应用程序（如大多数进步的 web 应用程序）尤其重要。

01

HTML 5.1 — 14 项新增特性及使用案例

HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准，如此形成的协议可在全世界通行。在 2016 年 11 月， W3C 对长期行使的 HTML 5 标准进行了更新，它是2年内的第一次小更新。许多最开始提出的 HTML 5.1 功能特性都因为设计上的缺陷和缺乏浏览器厂商的支持而去掉了。

02

记一次重构三个月前的 Vue 项目

是我之前写过的一个图片切割器，这是 GitHub 链接，其主要功能是通过 canvas 对图片进行一个切割，从而达到发朋友圈、个人资料大图片的一个效果。

02

务必给网站外链添加 noopener 属性，确保网站的安全性

这种 a 链接的代码在 Html 里面写了这么多年都一直没有问题的，怎么在 React 里面总是不符合要求，于是我扒了一下前因后果。

02

《JavaScript 模式》读书笔记（8）— DOM和浏览器模式2

可能会注意到有时候浏览器会提示某个脚本已经运行了很长时间，是否应该停止该脚本。实际上无论要处理多么复杂的任务，都不希望应用程序发生上述事情。而且，如果该脚本的工作十分繁重，那么浏览器的UI将会无法响应用户的任何操作。这将给用户带来十分不好的体验，应该尽量避免。

03

《JavaScript 模式》读书笔记（8）— DOM和浏览器模式2

可能会注意到有时候浏览器会提示某个脚本已经运行了很长时间，是否应该停止该脚本。实际上无论要处理多么复杂的任务，都不希望应用程序发生上述事情。而且，如果该脚本的工作十分繁重，那么浏览器的UI将会无法响应用户的任何操作。这将给用户带来十分不好的体验，应该尽量避免。

02

组件&生命周期

组件使你可以将 UI 划分为一个一个独立，可复用的小部件，并可以对每个部件进行单独的设计。

01

一劳永逸的解决jquery的本地引入的方法

很多人都建议jquery使用cdn加速的方式引入。当然，我不反对这么做。但是以我自己做项目的便利性，我还是习惯把jq放在本地使用。原因有以下几点：

05

JavaScript之<script>标签简介

向html页面中插入JavaScrpt的主要方法,就是使用<script>元素，下面是Html 4.01为<script>定义的6个属性。 1、async：可选表示应该立即下载脚本,但是不妨碍页面中的其他操作,比如下载比如下载其他资源或等待加载其他脚本。这个属性只对外部脚本有效 2、charset：可选。表示脚本通过src属性指定的代码的字符集。大多数浏览器会忽略它的值,所以这个属性也很少用。 3、defer：可选。表示脚本可以延迟到文档完全被解析和显示之后在执行。只对外部脚本有效。代码如下: aaa.js

jQuery的编码标准和最佳实践

不知道在哪里看到了这篇关于jQuery编码的文章，挺实用的，恰好最近在研究jQuery的基础知识，今天打开收藏夹来翻译一下，原文的英语不难，但是内容很实用，可能有大神已经翻译过了，大家看精华就行了。

02

关于MSHTML_Html格式

大家好，又见面了，我是你们的朋友全栈君。本文翻译自 http://msdn.microsoft.com/workshop/browser/mshtml/overview/overview.asp

03

04-老马jQuery教程-DOM节点操作及位置和大小

1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签。创建标签后，动态的给他添加属性。例如代码： // 动

09

前端 vs 后端：哪一个适合你？

经常会有初学者来问我刚开始学习编程的时候应该学些什么？问这个问题就跟一个医学生询问应该专注研究哪个领域一样。根本没有一个标准答案。但我还是想提供一些指导，并就这个问题提出一些自己的看法。希望这篇文章可以给刚开始职业生涯的你一些值得思考的东西。

02

【译】在正确的线程上观察

尽管很多人了解RxJava的基本逻辑，但是在Observable链和操作符究竟运行在哪个线程，仍然会有许多困惑。

02

python_day12_html

内联标签：<input>_^<textarea>

02

WordPress 常用动作钩子 (action)分享

在制作主题和插件，或者为 WordPress 增加某些功能时，一般都要使用 WordPress 的动作钩子 (action)，分享几个比较常用的动作钩子，以备用时查看。

02

XSS防御速查表

一、介绍本文提供了一种通过使用输出转义/编码来防止XSS攻击的简单有效模型。尽管有着庞大数量的XSS攻击向量，依照下面这些简单的规则可以完全防止这种攻击。这篇文章不会去研究XSS技术及业务上的

06

什么是 JavaScript？

HTML 用了尖括号作为了标签的边界符，这只是一种语法规定，事实上如果我们愿意，我们使用 JSON 或 TOML 格式实现结构化也是可以的，我们也可以使用方括号代替尖括号，但从实际结果来看，还是使用 XML 格式更好，尖括号因为在文本中使用不多，用它作为边界符也比较合适。

02

emlog模板制作说明(一)

我的第一块模板，我以后也不太会无聊费劲再做新的板子了。毕竟人力有限，天天都有写不完的代码。

03

如何在静态页面上使用markdown排版原

”Markdown是一种轻量级标记语言，创始人是约翰·格鲁伯（John Gruber）。它允许人们 “使用易读易写的纯文本格式编写文档，然后转换成有效的 HTML 文档。”,转换成html最方便的方式是用插件

02

04-老马jQuery教程-DOM节点操作及位置和大小

根据给定的文章内容，撰写摘要总结。

00

动态We API（ABP官方文档翻译）

这个文档是针对ASP.NET Web API的。如果你对ASP.NET Core感兴趣，请参见ASP.NET Core文档。

03

为爱心助力！替换网站的404为宝贝回家把404页面利用起来！

腾讯在很之前开放了宝贝回家的404页面接口，意味着任何404的网页都可以改为宝贝回家。

02

CMD杀死进程_cmd杀进程

大家好，又见面了，我是你们的朋友全栈君。 1.进入cmd，打开DOS界面 2.①输入tasklist命令来查看当前计算机运行的进程. ②输入tasklist /?(回车),便可显示相关指令帮助

03

typecho设置伪静态规则

记得当时我自己手动搭建好LNMP环境，安装上typecho之后，满心欢喜的打开网站首页，却发现除了首页其他的页面都是打不开的，全部显示“403”。当时还困饶了我大半天（后来才知道是没有正确设置伪静态的原因），一度以为是环境没搭好，重置服务器再搭环境这么试了好几次，还是一样的错误。后来，直到在其官方文档里看到服务器设置伪静态的方法，就尝试了一下，果然有用。（不过很奇怪的是在官方文档中是找不到这个文档页面的，当时还是在搜索引擎中才找到的）

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭