如何判断innerHTML(val)或jquery html(val)加载完毕

大狗狗 2018-10-11 04:53:22

dom的innerHTML(val)或jquery的html(val)可以改变一个元素内部html内容。那么我在赋值调用这两个方法后，如何得知val内容已经加载完毕？

...全文

550 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

大狗狗 2018-10-11

打赏
举报

回复

一楼去泥煤的^_^
二楼朋友说的我听不懂...
太阳光你好，其实我的目的是动态给html editor中插入的内容挂接事件，先前还参考了你的文章：https://bbs.csdn.net/topics/390227396
4楼朋友提醒我了，其实我插入的内容只是纯dom节点，可以在之后直接访问的。
感谢朋友们回贴。

cn00439805 2018-10-11

打赏
举报

回复

讨论js是否加载完成毫无意义，你想想无限ajax递归加载或定时ajax加载，何时算结束呢。引用3楼的2、3点： 2.如果含有图片，同时需要对所有图片作监听 3.如果含有iframe，同样需要对其监听关于加载dom，本身innerHTML就是同步方法，你只要写在innerHTML后面的代码，都算dom已经加载完成

天际的海浪 2018-10-11

打赏
举报

回复

在赋值之后，val内容中的html标签会立即解析生成dom元素，可以在赋值之后直接访问，如果val内容中有图片或者js文件和css文件需要加载，就只能逐个判断是否加载完毕了，一般是用onload事件

scscms太阳光 2018-10-11

打赏
举报

回复

这个还得区分val具体内容来定：
1.如果纯是一些dom普通标签可用MutationObserver监听
2.如果含有图片，同时需要对所有图片作监听
3.如果含有iframe，同样需要对其监听
4.如果含有js链接，那就复杂了...

总得来说监听+MutationObserver是可以得知。

mason__wu 2018-10-11

打赏
举报

回复

你如果懂高阶函数这个问题其实好解决，就是典型的闭包特性。先将改变前的dom的val保存在闭包函数的变量中，并返回一个执行函数再存改变后的dom的val作为参数传进返回函数中执行，进行比对达到监听的目的；

___紫菜 2018-10-11

打赏
举报

回复

用肉眼观察

本文详细介绍了jQuery中的html(),text(),val(),attr(),prop(),css()等方法的用法，包括获取和设置元素内容、属性、样式，以及常用的类名操作和事件处理。同时提到了mouseenter,mouseleave,hover等事件方法的区别和使用场景。

本文详细介绍了jQuery中的html(),text(),val(),attr(),prop(),css(),addClass(),removeClass(),toggleClass(),mouseenter(),mouseleave(),hover()等方法的用法和示例，以及如何在前端开发中应用这些技术来操作DOM和处理事件。,

本文深入探讨了JavaScript中文档加载事件的区别与应用，详细解释了`document.ready`与`onload`的区别，并通过实例展示了如何在不同阶段进行DOM操作。同时，提供了关于innerHTML、innerText、value与JQuery中的text()、html()、val()方法的对比分析。

本文深入解析jQuery三大设计哲学：选择器即上下文、方法即批量操作、属性与状态分离，并基于此构建生产级语义化轮播图组件。涵盖HTML可访问性实现、CSS硬件加速动画、状态机驱动的jQuery控制逻辑，以及常见内存泄漏、事件委托、加载顺序等高频问题排查方案，强调jQuery在现代维护项目中的不可替代性与底层启发价值。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章