ie 7 document未加载完 ，使用js添加新dom对象出现的“已终止操作”提示的解决方法...

最新推荐文章于 2025-05-27 22:09:04 发布
原创 最新推荐文章于 2025-05-27 22:09:04 发布 · 233 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种常见的JavaScript操作DOM引发的问题及解决方案。当页面未完全加载完成时，提前执行JS代码插入新的DOM元素可能导致错误。通过监听document的readystatechange事件，并在readyState为'complete'时触发回调函数，确保页面加载完成后才执行JS逻辑。
是由于document对象没有加载完，js方法就插入新的dom对象引起的

可以使用一下方法
try{
document.onreadystatechange = function(){
if(document.readyState=="complete")
{
alert('加载完毕');
//dispallotDealInit();
}
}
}catch(err){

}
IE之动态添加DOM节点触发window.resize事件
09-05
因为页面很多UI是绝对定位的,所以当窗口大小改变的时候会使原先的布局混乱,只好在每次window.resize的时候重新布局...
JavaScript中DOM：document（网页）
头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。
03-14 1872
在JS中，浏览器已经为我们提供了document对象document对象代表整个网页，该对象由浏览器提供，可以直接使用。
js 多功能高兼容的动态创建DOM元素方法 (含标签属性、内置属性、可修饰事件、多子元素、函数生命周期)
時陨星的博客
12-17 1119
js 动态创建DOM元素 简述： 动态创建一个DOM元素，可为元素添加标签属性、内置属性、事件(可修饰)、多个子元素，且建立有类似Vue的函数生命周期。 兼容性： Chrome, Firefox, Opera, Safari, Edge ：全兼容 IE ：因正则表达式兼容性不足而无法兼容 语法 1： numGeneral (val, mand, type) <val> 输入文本（必要） 字符串 | 纯数字：需要转换的输入值。 <mand> 检查多个数字 f
js中IE浏览器兼容性问题----获取元素对象外部样式、DOM2级添加和删除事件、事件对象的兼容性写法
几百块的博客
05-17 742
window.getComputedStyle（）方法 //兼容的写法：获得 指定元素的指定样式的值 function getStyle(ele,cssName) { if (window.getComputedStyle){ return window.getComputedStyle(ele)[cssName] } return ele.currentStyle[cssName]; } DOM2级兼容性写法： ele：添加事件的元素节点对象 elentName：事件名称 callback：事件处理函数
js更新dom后页面及时渲染问题（js线程阻塞和解决办法）
前端361
11-02 1万+
参考：https://blog.csdn.net/qq_39542027/article/details/78893873 两个概念：1，js是同步加载的 2，浏览器执行js程序，高于页面渲染 于是就出现了js更新dom，页面不能及时渲染的问题 代码例子： document.body.html('为什么不先渲染我'); //程序 $.ajax({...
【JavaScript 】DOM操作快速入门
BugMan的博客
10-30 2656
相信我，十分钟，快速入门JavaScript dom操作。
JS中的DOM对象
张子又
01-15 5250
DOM对象 1. DOM树 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），通过 HTML DOM对象，可访问 JavaScript HTML 文档的所有元素。 HTML DOM 模型被构造为对象的树。 节点(Node)：HTML文档中的所有内容都可以称之为节点，包含元素节点、属性节点、文本节点、注释节点和文档节点。 文档(Document)：就是指H...
JavaScript- 4.1 DOM-document对象
最新发布
HRDMN的博客
05-27 1076
本文是一份前端学习笔记，重点介绍了JavaScript中的Document对象及其操作方法。文章包含两个主要部分：1. 详细讲解Document对象的概念、属性和方法，包括元素访问、DOM操作、样式处理等核心功能；2. 通过代码实践展示DOM操作（九九乘法表、增删改查元素等）。该系列文章为前端学习资料，代码可在HBuilder中直接运行，适合初学者参考练习。作者定期整理优质代码并添加注释，强调非商用性质，欢迎读者讨论斧正。
原生js中如何添加dom元素
热门推荐
zl13015214442的博客
05-22 3万+
1. appendChild() 概念：把要添加的节点添加到指定父级里面的最后面，所以也叫追加。 使用方式：fatherdom.appendChild( insertdom )。 兼容性：所有浏览器都支持此方法。 2. insertBefore() 概念：把要插入的节点添加到指定父级里面的指定节点之前。 使用方式：fatherdom.insertBefore( insertdom，chose...
外部引入js代码如何等待文件加载完成再去执行
weixin_45243726的博客
10-26 2582
window.addEventListener('load', function() { //此处写js代码 }) // load 等页面内容全部加载完毕，包含页面dom元素 图片 flash css 等等，然后再去执行这个函数中的代码 二、DOMContentLoaded 是DOM 加载完毕，不包含图片 falsh css 等就可以执行 加载速度比 load更快一些 document.addEventListener('DOMCont...
js浏览器操作DOM之插入DOM
weixin_34205826的博客
08-16 757
当我们获得了某个DOM节点，想在这个DOM节点内插入新的DOM，应该如何做？ 如果这个DOM节点是空的，例如，<div></div>，那么，直接使用innerHTML = '<span>child</span>'就可以修改DOM节点的内容，相当于“插入”了新的DOM节点。 如果这个DOM节点不是空的，那就不能这么做，因为innerHTML会直接替...
js插件获取dom对象有时成功有时失败，则应延迟加载js等待页面加载完成
醉卧雕龙舫，的博客
03-31 541
<script type="text/javascript"> function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "../../js/select_year.js"; document.body.appendChild(element); } if (window.addEventLis.
动态添加元素后 js点击 DOM查找不到
lyyo_cd的博客
09-26 5198
问题：调用append（)方法动态添加一个元素，为这个元素绑定点击事件，却查找不到这个元素，点击事件无效。 解决：调用live()方法$(' select ').live( ‘click’，function(){} ); 但是在jquery1.9及其以上版本无法使用live（），可以用on（）方法代替live（）； on（）和bind（）de的区别是live不仅可以给页面中现有的元素绑定事件，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值