首页 / JAVASCRIPT / javascript – HTML在Internet Explorer中导入加载顺序

javascript – HTML在Internet Explorer中导入加载顺序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – HTML在Internet Explorer中导入加载顺序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1340字，纯文字阅读大概需要2分钟。

内容图文

我有一个网页,呈现一些Polymer 1.0自定义元素.
在我的index.html文件的head部分中,我有以下内容：

<link rel="import" href="my-elements.html">
<script src="script1.js"></script>
<script src="script2.js"></script>

my-elements.html引用其他HTML文件(通过HTML导入),后者又使用标准脚本标记引用javascript文件.

使用Chrome浏览器,它可以按预期工作. my-elements.html中的javascript文件在script1.js和script2.js之前加载.但是,对于Internet Explorer(v11),它们以相反的顺序加载.即script1.js和script2.js首先加载.

在下面的文章中,它指出了“HTML Imports阻止< script>元素.< script>在加载前面的导入之前不会运行”：

https://gist.github.com/omo/9986103

那么为什么订购与Internet Explorer不同？

请注意,我使用webcomponents-lite.js作为我的Web组件polyfill库.我怀疑我遇到的行为是由于Internet Explorer没有对HTML导入的本机支持,但是想知道如何解决这个问题,以便脚本以预期的顺序加载.

解决方法:

你没错,这是因为IE正在使用polyfill,所以< link>标签没有按顺序进行.

解决方法是在加载HTML导入时侦听由webcomponents-lite.js库触发的HTMLImportsLoaded事件.

<link rel="import" href="my-elements.html">
<script>
  document.addEventListener( "HTMLImportsLoaded", function () {
    var s1 = document.createElement( "script" )
    var s2 = document.createElement( "script" )
    s1.setAttribute( "src", "script1.js" )
    s2.setAttribute( "src", "script2.js" )
    document.head.appendChild( s1 )
    document.head.appendChild( s2 )
  } )
</script>

内容总结

以上是互联网集市为您收集整理的javascript – HTML在Internet Explorer中导入加载顺序全部内容，希望文章能够帮你解决javascript – HTML在Internet Explorer中导入加载顺序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/795120.html

来源：【匿名】