程序员经验分享-hwhale

在 HTML 末尾或“onload”时初始化 JS 组件？

2023-12-30

有一段时间，我一直在通过等待“onload”事件触发并执行一个 JavaScript 组件初始化来运行main()各种各样的。它看起来更干净，并且您可以确定 DOM 的 ID 状态是有序的。但经过一段时间的测试后，我发现组件的初始化被加载期间挂起的任何类型的资源（图像、CSS、iframe、flash 等）所阻碍。

现在我已经使用内联将初始化调用移至 HTML 文档本身的末尾<script />执行，发现它把初始化推到了其他外部资源之前。

现在我想知道这样做是否会带来一些陷阱，而不是等待“加载”。

您使用哪种方法？

EDIT： 谢谢。似乎每个图书馆都有专门的功能DOMContentLoaded/readyState实施差异。我使用原型所以this http://www.prototypejs.org/api/document/observe是我所需要的。


对我来说，我们使用 jquery，它的文档就绪状态确保 DOM 已加载，但不会像你说的那样等待资源。当然，您可以在没有 javascript 框架的情况下做到这一点，它确实需要您可以创建的函数，例如：文件准备好 http://snipplr.com/view/6156/documentready/现在，大多数情况下，将脚本放在页面末尾，确保页面的其余部分都在那里，但确保 DOM 已准备好绝不是一件坏事。

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

javascript

AJAX

initialization

在 HTML 末尾或“onload”时初始化 JS 组件？ 的相关文章

  • 从立即调用的匿名函数表达式返回 |它去哪里？

    如果我从立即调用的匿名函数表达式返回一个对象 它会去哪里 例如 这段代码中 foo 去了哪里 function var foo return foo 这有什么有用的应用吗 从自执行函数返回一个值而不将该返回值分配给结果变量只是一个无处可去的

  • 如何从 JavaScript 中计算 HTML 表格的渲染高度？

    调整窗口大小时 我需要知道表格有多大 以便我可以动态地很好地适应中间的所有其他内容 表格高度仅取决于动态加载的内容 如何在 JavaScript 中计算表格的渲染高度 您可以使用element offsetHeight https deve

  • Javascript 与 Python 关于 Python 'map()' 函数的比较

    Python中有一个函数叫做map这可以让你去 map someFunction x y z 并继续应用该功能的列表 是否有与此功能等效的 JavaScript 我现在刚刚学习Python 虽然我被告知javascript是函数式语言 但我

  • AngularJS 使用 $apply 而不使用 $scope

    我开始使用 AngularJS 并且接受了用它来编写控制器的约定 而不是用 scope 所以我的控制器看起来像这样 myApp controller SomeController function this myModel id 1 nam

  • 在javascript中使用“return !0”有什么意义吗？

    如果您转到谷歌结果页面并运行rwt toString 你会看到这个函数的返回调用是 return 0 我想不出任何理由为什么这不会总是如此true 这只是一个简写吗true 还是还有更多事情发生 总是如此 但下载需要 2 个字节 0是 2

  • 如何从表中选择所有偶数 id？

    我想从 MySQL 数据库的表中选择所有甚至帖子 ID 然后显示它们 我还想获取所有带有奇怪 id 的帖子并将它们显示在其他地方 我想使用 PHP 来完成此操作 因为这是我使用的服务器端语言 或者 我是否必须选择所有帖子 然后使用 Java

  • Three.js - 在代码中包含网格数据

    我有这个 Three js 代码 其中 JSON 加载器从文件 models mountain json 加载网格 var Three new function this scene new THREE Scene this camera

  • 在 Angular2 项目中集成 Treant-js

    我正在尝试在 Angular2 项目中使用 treant js 但我正在努力解决如何正确集成它的问题 我有一个工作正常的 JavaScript HTML 示例 我正在尝试在 Angular2 中工作 我创建了一个组件 从 npm 添加了 t

  • 具有行组的 JQuery 斑马条纹表

    我通常将斑马条纹表行设置为奇数 偶数 如下所示 效果很好 table tbody tr visible even this addClass even table tbody tr visible odd this addClass odd

  • 在 JavaScript 中比较表单中的两个数字

    当我尝试比较不同的数字时 数字发生变化 但文本部分保持不变 这只发生在较大 较小的情况下 而不会发生在 NaN 或相等的情况下 这是我的代码 function check var a document getElementById a va

  • Bing.com 如何创建放大的缩略图？

    当我使用 Bing com 搜索图像时 我发现它们的图像经过精心裁剪和排序 当您将鼠标放在图像上时 会弹出另一个窗口 其中显示放大的图像 我想在我的程序中做同样的事情 我检查了他们页面的源代码 他们正在使用 javascript 但我仍然不

  • jQuery Blur() 在 Chrome 上不起作用

    我在 MacOSX 上运行这个http jsfiddle net q84wv http jsfiddle net q84wv on Chrome最新版本 它不会工作 在 Firefox 上运行时它工作得很好 有什么线索吗 假设您想要aler

  • 光滑的轮播缓动示例

    我正在使用 Slick Carousel http kenwheeler github io slick http kenwheeler github io slick 但不知道如何合并不同的幻灯片切换 有人有例子可以分享吗 这是我目前拥有

  • 专用网络：web3.eth.getAccounts() 始终发送空数组

    我正在运行一个私人以太坊网络 我确实用https aws amazon com blockchain templates 整个设置已经完成 AWS 上的设置看起来正确 现在 我正在尝试创建帐户并检索所有这些帐户 为此 我使用以下方法 Web

  • 在 元素中优先考虑 ngclick 而非 nghref

    tl dr 如何强制 Angular 只执行 ngclick 指令 a 元素而不清空 删除href 我的网站在某些元素上有一些自定义行为 模式打开 位置栏更新等 但对于 SEO 索引我also需要它成为一个 a 元素与href包含有效链接的

  • 如何在 angularjs 中修剪（）字符串？

    有角度特定的方法吗 如果没有 我应该使用内置的jquery 来做到这一点吗 如果我应该使用内置的jquery 如何在不使用 的情况下访问trim 函数 或者这是必要的 编辑 是的 我知道 str trim 对不起 我需要这个才能在 IE 8

  • 为什么我需要 $(document.body) 来使用 Mootools Element 方法扩展 document.body？

    因此 在尝试让我的应用程序在最新的 IE 上运行后 结果发现 IE 不喜欢以下代码 document body getElement className Firefox 和 Chrome 响应良好 但是document bodyIE 上没有

  • 如何在粘贴时获取文本区域输入字段的新值？

    我发现当我尝试从文本区域字段读取值时onpaste调用函数时 我得到字段的旧值 粘贴操作之前的值 而不是新值 粘贴操作之后的值 以下是此行为的演示 http jsfiddle net qsDnr http jsfiddle net qsDn

  • ThreeJS无法加载Json文件

    首先 我已经读过这个问题 https stackoverflow com questions 17201888 three js exporter export object not working with jsonloader r58没

  • 使用 React React-router 登录后重定向到主页，并且 usenavigate 不起作用？

    我希望用户在成功登录后重定向到主页 我将用户登录的 api 请求的数据存储在一个名为 currentUser 的变量中 因此如果 currentUser 为 true 它应该重定向到主页 这就是我处理登录请求的方式 export const

随机推荐

  • System32 中的 Ruby Dir.foreach 缺少文件/File.exists？对于现有文件返回 false

    当我使用ruby打印出windows 7 system32目录中的所有文件时 有些文件丢失了 我使用这个简单的目录迭代 Dir foreach C Windows System32 do fname puts fname end 我专门寻找

  • Django 相当于 Rails application_controller

    在 Rails 中 我使用 application controller 来控制用户会话等内容 并创建对象来填充网站的某些部分 例如菜单 由于没有 应用程序视图 因此在 Django 中应该如何完成此操作 您是否必须使用自定义过滤器和要包含

  • 使用 PowerShell 根据快捷方式目标路径取消固定任务栏快捷方式

    某些 PowerShell 出现问题 基本上我试图根据快捷方式路径 exe 文件删除某些任务栏快捷方式 我的以下代码从 AppData 文件夹中获取固定的快捷方式及其名称 Function Get TaskbarShortcuts Begi

  • 如何使用纯 java api 更改 RTC 流和组件所有权？

    我需要更改组件和流的所有权 我正在尝试查找任何用于此目的的 API 请帮忙 这里我有一个代码片段 但我不知道它是如何工作的 IScmService scmService null IRepositoryItemService itemSer

  • 如何将异步（非阻塞）javascript 与 DNN 客户端资源管理结合使用

    我使用 DNN 的客户端资源管理将 javascript 和 css 加载到主题 皮肤 中 这样我就可以利用缩小和复合文件 但我需要它们是异步的 非阻塞 如何才能做到这一点 So far as I know there is not a w

  • 如何在 swift 中过滤具有其他数组值的结构数组？

    我已经搜索过这个问题 但没有找到任何适合我使用最新版本的 Xcode 和 Swift 的解决方案 我使用三个数组 1 baseArray Meal array filled with every meal Not locally saved

  • Swift & Parse - PFUser currentUser 永远不等于 nil

    我正在使用 Xcode Swift 和 Parse 当我尝试注销 PFUser 时 我从未得到 nil 返回 在应用程序的这一部分中 viewController 只是显示一些登录按钮 其中一个按钮让用户进行注册 一种是发送用户更改详细信息

  • 如何计算两个相机之间的旋转和平移？

    我知道棋盘相机校准技术 并且已经实现了 如果我有两个摄像机观看同一场景 并且我使用棋盘技术同时校准两个摄像机 我可以计算它们之间的旋转矩阵和平移向量吗 如何 如果您有对应点的 3D 相机坐标 则可以通过以下方式计算最佳旋转矩阵和平移向量刚体

  • Android 自定义 XML 文件的放置

    我有一个很大的 XML 文件 其排列方式如下

  • 如何更改 PHP 常量？ [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在用 PHP 手工制作我自己的自定义 CMS 并且我已经定义了一些常量 有没有简单的方法来修改常量 我正在考虑使用类似的东西fop

  • 为什么找不到静态库头？

    我用过克林特 哈里斯的教程 http www clintharris net 2009 iphone app shared libraries 在项目之间设置代码共享 一切都在我的计算机上按预期运行 但是在我同事的机器上 编译器在构建时似乎

  • 播放声音有一点延迟

    我的应用程序中有一个声音 当出现视图时会自动启动 但是 正如标题所说 我希望声音开始时有一点延迟 大约在视图出现后半秒 我尝试使用 PlayAtTime 但是它不起作用或者我设置了错误 这是我的代码 var player AVAudioPl

  • React-Navigation 3：使用 createBottomTabNavigator 和 createStackNavigator 打开模式

    我知道这个问题以前曾被问过 但仅限于旧版本的反应导航 从那时起 一些事情发生了变化 createBottomTabNavigator可以更快地创建底部导航器和功能jumpToIndex 不存在了 我的问题是如何创建一个类似 Instagra

  • 根据一列删除重复项并在 Google 表格中保留最新条目

    我正在研究一些自动化 并希望通过根据第三列进行比较来删除我的谷歌工作表中的重复行 我发现一个代码可以完美运行 但它不会删除工作表中的旧条目 而是删除最新的条目 我想保留最新的而不是重复的 这是我为 appscript 找到的代码Cooper

  • Python - 如何使该代码异步？

    这是一些说明我的问题的代码 def blocking1 while True yield first blocking function example def blocking2 while True yield second block

  • SmartGWT ListGrid 很慢，但仅限于 Internet Explorer

    我们已经从 gwtext 迁移到 SmartGWT 总体体验还不错 然而 我们在使用 SmartGWT 的 ListGrid 组件时遇到了很大的问题 如果满足以下两个条件 则速度非常慢 使用 Internet Explorer 5 列或更多

  • 如何在 Django 模型中存储字符串数组？

    我正在构建一个 Django 数据模型 并且希望能够在其中一个变量中存储一组字符串 我怎样才能做到这一点 e g class myClass models Model title models CharField max length 50

  • 将 BLOB（图像）从 oracle 导入到 hive

    我正在尝试使用下面的 Sqoop 命令将 BLOB Image 数据从 oracle 导入到 Hive sqoop import connect jdbc oracle thin host username password m 3 tab

  • 使用 Fusion Table 时有哪些技术限制？

    我正在寻找有关使用 Fusion Tables 时的技术限制的信息 Fusion Table 中可以存储多少行 可以针对 Fusion Table 同时运行多少个查询 读 写 我找不到任何信息https developers google

  • 在 HTML 末尾或“onload”时初始化 JS 组件？

    有一段时间 我一直在通过等待 onload 事件触发并执行一个 JavaScript 组件初始化来运行main 各种各样的 它看起来更干净 并且您可以确定 DOM 的 ID 状态是有序的 但经过一段时间的测试后 我发现组件的初始化被加载期间

热门标签