$(document).ready() 和在正文末尾包含脚本有什么区别?

2023-11-27

在 jQuery 的 $(document).ready() 上执行 JavaScript 函数与将其包含在 HTML 正文末尾的脚本标记中之间有什么区别?

Thanks,

DLiKS


里面的 JavaScript 代码<script>标签立即被评估(执行)。请注意,在这种情况下,页面尚未(完全)解析,并且 DOM 尚未准备好。

jQuery 内的 JavaScript 代码ready()回调在 DOMContentLoaded 事件上进行评估,该事件在浏览器解析整个 HTML 源代码后发生。
关于本次活动: https://developer.mozilla.org/en/Gecko-Specific_DOM_Events

请注意,定义就绪处理程序的现代方法是这样的:

$(function() {
    // code
});

另外,请查看这个SO问题,它指出了当您不使用就绪回调时会发生什么:浏览器中的单个网页会执行多少个 JavaScript 程序?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

$(document).ready() 和在正文末尾包含脚本有什么区别? 的相关文章

  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F
  • iphone jquery 移动闪烁问题

    我在 iPhone 上使用使用 jQuery mobile 开发的应用程序时遇到闪烁问题 我尝试了互联网上提供的几种解决方案 包括 CSS 更改 将过渡设置为 无 甚至在 jquerymobile js 中注释代码 但没有运气 我使用的 J
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • Angular 4 Http POST 不起作用

    我希望每个人都做得很好 我最近开始使用 Angular 4 4 我一直在尝试将数据发布到我的 api 服务器 但不幸的是它不起作用 我花了大约两天的时间 但仍然没有成功 甚至已经尝试过 6 7 篇文章角 io https angular i
  • Chrome --app 相当于 Firefox\IE

    我有一个网络应用程序 客户要求单击不同按钮时更改浏览器窗口大小 我发现在那link https stackoverflow com questions 13436855 launch google chrome from the comma
  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条(危险的滑动器)吗?

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • ES6 模块范围

    我有代码 lib js var a a export var b b main js console log a a variable is not available in a global scope import b from lib
  • 如何在html中定义条件换行符?

    我希望这根绳子断在 如果需要的话 没有地方可以写了 7 380 Ft 159 Ft term kd jjal like 7 380 000 Ft 159 125 Ft term kd jjal 如何在html中实现这一点 nbsp 产生 错
  • 如何更改 HTML 文档的“实际编码”?

    我通过 W3C HTML 验证器运行我的网页并收到此错误 编码ascii不是字符的首选名称 使用中的编码 首选名称是 us ascii Charmod C024 第 5 行 第 70 列 内部编码声明 utf 8 不同意 文档的实际编码 u
  • 为什么 call 比 apply 快那么多?

    我想知道是否有人知道why call比apply 在 Chrome 中 速度大约快 4 倍 在 Firefox 中快 30 倍 我什至可以制作自定义原型 apply2 在大多数情况下 运行速度是apply 这个想法取自角度 Function
  • 了解 Document.createElement()

    我在用着GWT及其底层DOM能力 我基本上想要实现的是 Have a div包含一些文本的元素 其中一些文本将被包围span元素 span 元素可相互拖动并提供上下文菜单 New span元素可以由最终用户动态创建 它可能是这样的 在应用程
  • Firebase + Node.js:错误:找不到 XMLHttpRequest 兼容性库

    Firebase Node js On iOS 安装的 Node js npm 安装 firebase save 节点测试 js 其中 test js 是一个非常简单的连接到 Firebase 的脚本 var firebase requir
  • 我应该创建一个块还是一个元素 BEM CSS?

    Bem官网说 创建一个块如果一段代码可以被重用并且它不依赖于正在实现的其他页面组件 创建一个元素如果一段代码在没有父实体 块 的情况下无法单独使用 我有一个 关于部分 块 它的元素依赖于父级并且不能在网站中重复使用 如何根据 bem 这段代
  • Three.js点击单个粒子

    In this example http jsfiddle net agqq96bq 2 您可以看到 2 个可点击的粒子 但它们都受到点击的影响 另外 我只想检测粒子上的点击 而不将它们过滤出场景 像这儿 if intersects len
  • 触发 jQuery UI 滑块事件

    如何触发更改事件jQuery UI 滑块 http docs jquery com UI Slider 我以为会是 slider trigger slidechange 但这没有任何作用 完整的示例脚本如下
  • 将 html 文本框的值分配给 div 的标题

    line 1
  • 如果 POST 响应仅包含 ID,如何将数据保存到我的 Ember 存储?

    Ember 数据期望我的服务器在每次成功后返回完整的对象POST 但是 我的 API 只返回一种元对象 其中包含id 当 Ember 收到此对象时 记录中的现有数据将被删除 除了id 例如 当我这样做时 var asset App Asse
  • Cycle2 初始化事件未触发

    我使用 Cycle2 作为基本的轮播 我的幻灯片项目有时在其数据中包含一个 url 因此我必须使用 Cycle2 api 事件来使用该 url 当它存在时 我的问题是 虽然 cycle after 事件触发正常 但初始化事件都不会触发 因此

随机推荐

  • 如何删除 Canvas 文本对象?

    例如 这是一个 create text self canvas create text 350 lineVotes text str likesPrinted font calibri 30 fill 66FF99 anchor E 我怎样
  • XSLT document() 在 WebKit 浏览器中的使用

    我在尝试在 XSL 样式表中包含和访问多个 XML 文档时遇到问题 我将文档节点分配为变量 然后尝试在 xsl template 中访问它们 类似于
  • Git 在错误的位置寻找我的 SSH 密钥

    我一直在尝试拉取 Gitlab 中的存储库时感到有点头疼 顺便说一句 如果有帮助的话 这一切都是在 Ubuntu VM 上的 Windows 8 1 中完成的 我已在 Gitlab 中添加了我的公钥 并将我的私钥添加到了 ssh agent
  • Ruby on Rails - 区分 REST API 中的复数资源与单数资源

    在开始编写任何代码之前 我正在为 REST API 构建 URL Rails REST 的魔力非常棒 但我对 URL 的格式有点困扰 例如 http myproject projects 5 其中 Project 是我的资源 5 是proj
  • 如何从命令行使用“java”调用groovy

    我必须向一些仅安装了 java 的用户发送一些 groovy 代码 没有 grooy 没有 groovy home 等 我试图从命令行调用 groovy 但我没有运气 这是我的蝙蝠文件 java classpath lib bin bin
  • 在 Eclipse 中调试 Android 应用程序时,无法看到匿名类中的最终变量内容

    在调试 Eclipse 中时 如果变量是在匿名类外部定义的 但调试是在匿名类内部 则我无法在变量视图 表达式视图和显示视图中看到变量内容 当我尝试在调试中查看内容时 出现错误 x 无法解析为变量 在以下示例中 x 无法解析 private
  • 使用 PHP 去除 HTML 注释但保留条件

    我目前正在使用 PHP 和正则表达式来删除页面中的所有 HTML 注释 剧本运作良好 有点太好了 它删除了所有评论 包括我在 这是我所得到的 HTML source goes here 由于我的正则表达式不太热 我在尝试找出如何修改模式以排
  • 在Python中对具有3个元素的元组列表进行排序

    我有一些元组的列表 每个元组都有三个元素 我需要对列表进行排序 为了打破两个元组之间的联系 首先查找元组的第一个元素 如果仍然联系则查找第二个元素 列表如下 L 1 14 0 14 1 1 1 14 2 14 2 3 2 4 4 4 11
  • 更改 python 解释器窗口

    我有两个 python 安装 2 5 和 2 6 我想将默认的 python 解释器从 2 5 更改为 2 6 有人知道怎么做吗 PYTHONPATH 是NOT你在寻找什么 这是为了改变 Python 的 导入 查找包和模块的位置 您需要更
  • pyodbc 不会引发 SQL Server 错误

    我正在尝试使用pyodbc 使用 Python 2 7 调用存储过程将记录插入 SQL Server 2012 表中 我正在路过一张临时桌子 我转储了我的 sql 当通过 SQL Server 管理控制台执行时 它生成了以下外键错误 Msg
  • 删除所有以前版本的 python

    我有一些经验C and Fortran 我想开始使用python对于我的后处理 因为我开始意识到效率有多低MATLAB是为了我需要做的事情 主要涉及数百万个点的图 我已经有几个版本了python从每次我想开始使用时就安装了 现在已经变得一团
  • HTML5:一个部分中有多个页脚/页眉

    我知道您可以在一个页面中有多个页眉 页脚 例如
  • 在 Xcode 12.5 中打开 Xcode 13.0 项目

    当我尝试打开 Xcode 项目时 我收到一条错误消息 无法打开 Users xcodeproj 处的项目 因为它 是未来的 Xcode 项目文件格式 调整项目格式 使用兼容版本的 Xcode 来允许它通过此打开 Xcode 的版本 我目前使
  • 盒子阴影仅在左右两侧

    我需要仅在元素的右侧和左侧制作盒子阴影 它应该褪色并且顶部和底部变薄 它也不应该溢出顶部和底部 主要问题是我无法阻止阴影在元素的顶部和底部溢出 这就是我所拥有的 HTML div div CSS div box shadow 0px 0px
  • React-router v4 页面刷新不起作用

    我可能错过了历史或其他什么但是当我refresh子路由上的页面 例如 login或我得到的任何其他路线 403 禁忌 代码 拒绝访问 消息 访问被拒绝 请求 ID 075CAA73BDC6F1B9 主机 ID O1n36xVCoeu aLa
  • PHP/MySQL - “最高评价”的算法

    所以我只是建立了一个星级评级系统 并尝试提出一种算法来列出 最高评级 的项目 为简单起见 以下是各列 item name average rating a decimal from 1 to 5 num votes 我正在尝试确定票数和评分
  • 在 dockerfile 中的 FROM 中使用 ARG

    问题陈述 我需要根据提供的arg从两个不同的url中提取docker projectS和project ARG url docker local artifactory com projectA By default its for A R
  • 重置 Django 缓存模板加载器的缓存

    Django 1 2 引入了一个新的模板加载器 它将数据存储在缓存中 django template loaders cached Loader 不幸的是 我未能找到有关缓存如何失效以及何时以及如何重置的任何信息 我想在我的服务器上使用它
  • TypeScript:reduce 函数 - 没有重载与此调用匹配

    尝试编写一个基本的减速器以从对象数组中返回键 的值 数组 某些键可能丢失或未定义 My code const data Key 56 Key undefined Key 44 const keys data reduce prev curr
  • $(document).ready() 和在正文末尾包含脚本有什么区别?

    在 jQuery 的 document ready 上执行 JavaScript 函数与将其包含在 HTML 正文末尾的脚本标记中之间有什么区别 Thanks DLiKS 里面的 JavaScript 代码