`

javascript加载顺序

    博客分类：
  • dojo
 
阅读更多
今天测试用doji动态生成一个iframe，将内容写入里面，结果测试发现存在不同的结果
代码如下： 
<html style="height: 100%; width: 100%; margin: 0;">
  <head>
  <script src="http://127.0.0.1:8080/pf/skins/default/javascript/fd/dojo/dojo.js"></script>

<script>
require([
    'dojo/parser',
    'dojox/html/_base',
    'dojo/domReady!'
], top.loading_edit_context_0);

</script>
</head>
<body>
</body>
</html>

结果发现在火狐地下可以正常运行，而在ie下就不可以，提示错误是没有发现require,经过添加调试代码发现，首先执行了下面的代码，然后在执行dojo.js，也就会说在ie中虽然dojo代码是在前面记载，但是执行的时候是后执行的，执行顺序出现了问题，后经过测试发现
firefox正常
ie提示错误
chrome提示错误
safari提示错误
opera正常也就是说这种情况下不同的浏览器是与不同的实现，需要屏蔽个浏览器的区别，执行策略：1.火狐和opera是没有问题的，IE可以在标签上添加 defer="defer"属性，chrome,估计只能通过Onload事件处理了。
分享到：
| base class is not a callable constructor ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html中js代码的加载顺序

    了解JavaScript加载顺序对于优化页面性能和解决脚本依赖关系至关重要。正确地管理脚本加载可以帮助减少页面加载时间，提供更好的用户体验。通过使用异步、延迟加载和模块化等技术，开发者可以更加灵活地控制脚本的...

    高性能的javascript之加载顺序与执行原理篇

    本文主要探讨了JavaScript加载顺序与执行原理，以及如何通过优化策略提升性能。 首先，当浏览器遇到`&lt;script&gt;`标签时，会暂停页面的渲染，先下载并执行脚本。这种行为会导致页面呈现的阻塞，特别是在脚本数量较多或...

    详解关于html，css，js三者的加载顺序问题

    总结一下，HTML、CSS和JavaScript的加载顺序问题对于提高网页性能至关重要。合理的加载顺序和资源管理策略可以大大提升用户体验。在实践中，开发者应该根据具体情况和资源的依赖关系选择合适的解决方案，以确保网页...

    JavaScript_自动审计性能指标和web的最佳实践.zip

    5. **首屏加载**：优化JavaScript加载顺序，延迟非首屏内容的加载，可以加速首屏展现，提升用户体验。 二、自动审计工具 Lighthouse是谷歌推出的一款强大的自动化性能审计工具，它包含在Chromium浏览器的开发者...

    页面加载顺序，loading巧妙解决

    页面加载顺序对于用户体验至关重要，因为它直接影响到用户首次看到网页内容的速度和形式。在网页开发中，浏览器遵循一定的规则来解析HTML、CSS和JavaScript文件，从而构建出完整的页面。本篇文章将详细探讨页面加载...

    html加载顺序.zip

    HTML加载顺序是Web前端开发中的一个关键概念，它关乎到网页元素何时呈现、何时执行以及如何交互。了解这个过程对于优化网页性能、提高用户体验至关重要。本文将深入探讨HTML的加载流程，包括解析、渲染和执行的各个...

    javascript函数动态加载javascript文件

    在实际项目中，为了提高页面加载速度和优化用户体验，我们常常需要按需加载JavaScript文件，而不是一次性加载所有资源。这正是"javascript函数动态加载javascript文件"这一主题的核心所在。 动态加载JavaScript文件...

    百度校园招聘笔试题-WEB前端工程师-电子科技大学.pdf

    网页性能优化包括减少HTTP请求、压缩代码和图片、启用缓存、延迟加载非关键内容、使用CDN、优化CSS和JavaScript加载顺序等。例如，合并CSS和JS文件，使用CSS Sprites减少图像请求，利用`async`或`defer`属性控制脚本...

    网页制作完全手册

    7. 网页优化：优化包括减少HTTP请求、压缩代码和图片、利用缓存、优化CSS和JavaScript加载顺序等方面，以提高网页的加载速度和用户体验。 8. SEO（Search Engine Optimization）：为了让网页在搜索引擎中获得更好的...

    手把手教你做APP官网网站（带动画效果，插入百度地图）

    8. **性能优化**：减少HTTP请求、压缩代码和图片、启用缓存策略、优化CSS和JavaScript加载顺序等方法，都可以提升网站加载速度，从而提升用户体验。 9. **测试与调试**：在网站开发过程中，务必进行多平台、多...

    ecshop解决jquery冲突js

    在电子商务平台开发中，...总之，解决ECShop中的JQuery冲突是一个涉及理解JavaScript加载顺序、作用域和库交互的重要任务。通过合理使用`noConflict()`和其他技术，我们可以确保各个库和谐共存，提供顺畅的用户体验。

    scriptjs异步JavaScript加载器和依赖管理器

    **script.js：异步JavaScript加载器与依赖管理器详解** 在Web开发中，JavaScript的异步加载和依赖管理是优化页面性能的关键因素。`script.js`是一个轻量级且功能强大的工具，它允许开发者实现异步加载JavaScript...

    JavaScript执行顺序

    这意味着JavaScript代码也会按照它们在文档中出现的顺序被加载和执行。 例如，考虑以下HTML文档结构： ```html &lt;!DOCTYPE html&gt; alert("头部脚本"); 页面标题 alert("页面脚本"); ``` 在这个...

    Javascript在页面加载时的执行顺序.pdf

    在Firefox和Opera中，由于它们按照加载顺序执行，所以先弹出`test.js`中的值，然后是内联脚本中的值。而在IE中，由于`document.write()`的特性，可能会导致`tmpStr`未定义的错误。 为了解决IE中的问题，我们可以...

    Javascript在页面加载时的执行顺序.docx

    1. **加载顺序**：JavaScript代码按照它们在HTML文档中出现的顺序执行。无论是内部还是外部引用的脚本，都会遵循这一原则。 2. **全局变量与函数**：每个脚本定义的全局变量和函数都可被后续脚本访问。 3. **变量...

    javascript顺序加载图片的方法

    首先，我们需要了解的是图片的顺序加载技术，其核心思想是通过JavaScript监听图片加载状态，只有当前一张图片完全加载完成之后，再开始加载下一张图片。这种方法可以有效避免同时发出大量的图片请求，减轻服务器的...

    jsp页面中的代码执行加载顺序介绍

    了解JSP页面中的代码执行加载顺序对于Web开发人员来说至关重要，因为它影响页面的表现和功能的实现。 JSP页面中的代码主要分为三部分：Java代码、JSP标签和脚本以及客户端的JavaScript和HTML代码。这些部分的执行...

    CSS 的加载及加载顺序简介

    今天我们旧事重提，再来谈谈css的加载，及加载顺序。 通常的css加载顺序 一般情况下，我们css样式表是放在头部，同时为了减少请求，我们通常对css进行一个合并压缩。 目前我们css一般是如下加载的： &lt;head&gt; ...

Magicbox
Global site tag (gtag.js) - Google Analytics