文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从脚本动态地将div附加到body时克服IE错误

要在Internet Explorer中克服错误，并将div动态附加到body，您可以使用以下方法：

  1. 使用createElement和appendChild方法创建并添加div元素。
代码语言：javascript
复制
var newDiv = document.createElement("div");
newDiv.innerHTML = "这是一个新的div元素";
document.body.appendChild(newDiv);
  1. 使用innerHTML属性将div元素添加到body中。
代码语言：javascript
复制
var newDiv = "<div>这是一个新的div元素</div>";
document.body.insertAdjacentHTML("beforeend", newDiv);

这两种方法都可以在Internet Explorer中正常工作，而不会出现错误。

相关搜索:快的dns免费cnd收费dns修复dns优选dns优质dns在线dns自建dns最佳dns局域网监测
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

    • 一篇文章带你搞定JavaScript 性能调优

    > 以上代码是一个简单的 html 界面，其中加载了两个 js 脚本文件和一个 css 样式文件，由于...从请求次数上优化：减少请求次数 由于每个标签初始下载时都会阻塞页面渲染，所以减少页面包含的标签数量有助于改善这一情况。这不仅针对外链脚本，内嵌脚本的数量同样也要限制。...script 添加到文档页面 document.body.appendChild(script); } } } 通过这种方式拿到的数据有两个优点：其一...，我们可以控制脚本是否要立即执行，因为我们知道新创建的 script 标签只要添加到文档界面中它就会立即执行，因此，在添加到文档界面之前，也就是在 appendChild()之前，我们可以根据自己实际的业务逻辑去实现需求...总结 减少 JavaScript 对性能的影响有以下几种方法： 将所有的标签放到页面底部，也就是闭合标签之前，这能确保在 脚本执行前页面已经完成了渲染。

    67810

    原 web安全、XSS、CSRF、注入攻击

    web安全 一、世界观安全 1、黑帽子、白帽子 2、安全三要素： 机密性 完整性 可用性 3、如何实施安全评估 资产等级划分 威胁分析（STRIDE）  ? 风险分析（DREAD）  ?...设计安全方案 4、白帽子兵法 Secure By Default原则（白名单黑名单、最小权限） 纵深防御原则（各个层面、对症下药） 数据与代码分离原则（漏洞成因，注入） 不可预测性原则（克服攻击方法，各个算法...） 二、客户端脚本安全 第一章、浏览器安全 1....三、XSS（跨站脚本攻击） 1、XSS简介 通常指黑客通过“HTML注入”篡改网页，插入恶意脚本，从而在用户浏览网页时，控制用户浏览器的一种攻击。...$var alert(/xss) 在HTML属性中输出：HtmlEncode <div id="abc" name="$var

    1.3K50

    原 web安全、XSS、CSRF、注入攻击

    web安全 一、世界观安全 1、黑帽子、白帽子 2、安全三要素： 机密性 完整性 可用性 3、如何实施安全评估 资产等级划分 威胁分析（STRIDE）  ? 风险分析（DREAD）  ?...设计安全方案 4、白帽子兵法 Secure By Default原则（白名单黑名单、最小权限） 纵深防御原则（各个层面、对症下药） 数据与代码分离原则（漏洞成因，注入） 不可预测性原则（克服攻击方法，各个算法...） 二、客户端脚本安全 第一章、浏览器安全 1....三、XSS（跨站脚本攻击） 1、XSS简介 通常指黑客通过“HTML注入”篡改网页，插入恶意脚本，从而在用户浏览网页时，控制用户浏览器的一种攻击。...$var alert(/xss) 在HTML属性中输出：HtmlEncode <div id="abc" name="$var

    2K80

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

    但是首先，让我们简单的从哲学角度来探索如何处理客户端的脚本。 一、关注分离 在网站应用程序的开发过程中主要关心如下三个内容： 内容（Content）：HTML的文档。...当是JavaScript发生错误时，无需查看HTML代码和CSS代码来查错。 二、DOM脚本 使用页面的DOM树是客户端JavaScript最常用的任务。...下面将介绍如何不立即添加节点： // 反模式 // 在创建时立即添加节点 var p,t; p = document.createElement('p'); t = document.createTextNode...当将文档碎片添加到DOM树时，不是将碎片本身添加到DOM树中，而是将文档碎片的内容添加进DOM树中。该操作是十分方便的。...考虑到可以从每次点击时创建的事件对象中获取数值，因此为每个数值维持按钮节点和计数器之间引用是十分低效的。

    91330

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

    但是首先，让我们简单的从哲学角度来探索如何处理客户端的脚本。 一、关注分离 在网站应用程序的开发过程中主要关心如下三个内容： 内容（Content）：HTML的文档。...当是JavaScript发生错误时，无需查看HTML代码和CSS代码来查错。 二、DOM脚本 使用页面的DOM树是客户端JavaScript最常用的任务。...下面将介绍如何不立即添加节点： // 反模式 // 在创建时立即添加节点 var p,t; p = document.createElement('p'); t = document.createTextNode...当将文档碎片添加到DOM树时，不是将碎片本身添加到DOM树中，而是将文档碎片的内容添加进DOM树中。该操作是十分方便的。...考虑到可以从每次点击时创建的事件对象中获取数值，因此为每个数值维持按钮节点和计数器之间引用是十分低效的。

    85720

    ASP.NET AJAX(5)__JavaScript原生类型以及Microsoft AJAX Library什么是Microsoft AJAX LibraryObject原生类型Object.pro

    添加到array末尾 Array.dequeue(array)//出队列，返回并删除array的第一元素 Array.addRange(array.items)//将items数组中所有元素添加至array...try{throw new Error(…)}catch(e){} Error对象IE和FireFox共有属性：message（错误信息） Error浏览器特定属性     IE descript:同message...number:错误编号，只有脚本引擎抛出的错误才有该属性    FireFox fileName:出现错误的页面 lineNumber:出现错误对象的行号 stack：出现错误时候的堆栈信息 一个关于错误的示例...> Error原生类型的扩展 Error.creat(message,errorInfo)//创建新的Error对象，message属性设置为true，将errorInfo上的信息附加到...;//表示UTC时间2011年10月17日0时 Date对象->字符串 与操作系统无关，与脚本引擎有关（toString(),toDateString(),toTimeString(),toUTCString

    1.3K70

    CSS和网络性能

    本节介绍WebKit和Blink的Preload Scanner中的错误，以及Firefox和IE / Edge的Preload Scanner中的低效率。...这意味着WebKit和Blink中的Preload Scanner存在错误。 简单地将@import包装在引号中将解决问题，您无需重新排序任何内容。...不要在Async 脚本之前放置 上一节讨论了如何通过其他资源减慢CSS，本节将讨论CSS如何无意中延迟下载资源的下载，主要是使用异步加载代码段插入的JavaScript...这是我早些时候说的，当我稍后再说这个时。 第三方供应商提供这样的异步代码片段以更安全地加载脚本是很常见的。 开发人员对这些第三方持怀疑态度，并在页面后面放置异步片段也是很常见的。...site-footer"> 这样做的实际结果是，我们现在能够逐步呈现我们的页面，在页面可用时有效地将页面输送样式添加到页面中。

    1.3K30

    前端系列19集-vue3引入高德地图，响应式，自适应

    amap-jsapi-loader --save import AMapLoader from '@amap/amap-jsapi-loader' // 使用加载器加载JSAPI，可以避免异步加载、重复加载等常见错误加载错误...116.397428, 39.90923],         viewMode: '3D'     })     AMap.plugin(['AMap.HawkEye'], () => {         // 将缩略图控件添加到地图实例中...        map.addControl(new AMap.HawkEye())     }) } AMap.plugin(['AMap.HawkEye'], () => {         // 将缩略图控件添加到地图实例中...脚本加载问题：确认高德地图的相关脚本和依赖已经正确加载，并且没有出现任何错误或警告。可以检查浏览器的开发者工具控制台，查看是否有与地图加载相关的错误信息。...-- 加载地图JSAPI脚本 --> <script src="https://webapi.amap.com/maps?

    1.2K41

    渲染树的形成原理你真的很懂吗？

    什么是DOM DOM是Document Object Model（文档对象模型）的缩写 W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式...W3C 那个概念我好像还没有把它全部翻译完，“允许程序和脚本动态地访问和更新文档的内容、结构和样式”。...阶段三和阶段四 将 Token 解析为 DOM 节点，并将 DOM 节点添加到 DOM 树中 HTML 解析器维护了一个 Token 栈结构（数据结构真是个好东西），这个栈结构的目的就是用来计算节点间的父子关系...span 标记内包含的任何置于 body 元素内的文本都将具有 16 像素字号，并且颜色为红色 — font-size 指令从 body 向下级联至 span。...样式文件应当在 head 标签中，而脚本文件在 body 结束前，这样可以防止阻塞的方式。 尽量减少在 JavaScript 中进行DOM操作。 简化并优化CSS选择器，尽量将嵌套层减少到最小。

    93341

    【Java 进阶篇】深入浅出：JQuery 事件绑定的奇妙世界

    让我们通过一个例子演示如何使用这个方法： <!...; }); 在这个例子中，我们先静态地绑定了按钮的点击事件，在页面加载时就存在的元素。...然后，通过再次使用 on 方法，我们动态地绑定了按钮的鼠标移入事件。这意味着即使按钮是在页面加载后动态生成的，我们仍然能够为它添加新的事件监听器。...通过 setTimeout 函数，我们在一定时间后再次将背景颜色还原，实现了点击时的瞬间特效。 案例二：表单验证 表单验证是 Web 开发中常见的需求之一。...; }); 在这个例子中，我们监听了用户名和密码输入框的 input 事件，通过判断输入的内容长度，实时更新相应的错误提示。

    18410

    这次全了，8种超详细Web跨域解决方案！

    一、什么是跨域 当a.qq.com域名下的页面或脚本试图去请求b.qq.com域名下的资源时，就是典型的跨域行为。跨域的定义从受限范围可以分为两种，广义跨域和狭义跨域。...脚本请求：浏览器存储数据读取、dom和js对象的跨域操作、js发起的ajax请求等。 其中，资源跳转和资源嵌入行为可以正常请求到跨域资源，脚本请求在未经任何处理的情况下，通常会有跨域问题。...那么，ajax请求遇到跨域问题，如何进行解决呢。...没有调用错误的处理。 服务器代理 服务器代理，顾名思义即在发送跨域请求时，后端进行代理中转请求至服务器端，然后将获取的数据返回给前端。...b.html有数据要传递时，把数据附加到window.name上，然后跳转到一个和a.html同域的http://a.qq.com/c.html。

    4.5K30

    渲染树的形成原理你真的很懂吗？

    什么是DOM DOM是Document Object Model（文档对象模型）的缩写 W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式...W3C 那个概念我好像还没有把它全部翻译完，“允许程序和脚本动态地访问和更新文档的内容、结构和样式”。...阶段三和阶段四 将 Token 解析为 DOM 节点，并将 DOM 节点添加到 DOM 树中 HTML 解析器维护了一个 Token 栈结构（数据结构真是个好东西），这个栈结构的目的就是用来计算节点间的父子关系...span 标记内包含的任何置于 body 元素内的文本都将具有 16 像素字号，并且颜色为红色 — font-size 指令从 body 向下级联至 span。...样式文件应当在 head 标签中，而脚本文件在 body 结束前，这样可以防止阻塞的方式。 尽量减少在 JavaScript 中进行DOM操作。 简化并优化CSS选择器，尽量将嵌套层减少到最小。

    95951
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券