2

私は webcomponenetsjs の初心者で、HTMLImports を使用して別の HTML を index.html にインポートしようとしています。chrome は HTML のインポートをサポートしているので、問題はありません。しかし、Firefox で同じことを試してみると、HTML のインポートが期待どおりに機能しません。問題は、すべての HTML 要素をロードし、すべてのスクリプトをロードしてから |link rel="import"| のみをロードすることです。インポートの実行を開始します。より明確にするために、アラートが発生する順序は次のとおりです。 1.ベンダーの後 2.インポート前3.

ベンダー.js内のアラート4.test.html内のアラート。


デフォルトでは、html インポートの実行は、

1.vendor.js 内のアラート
2.ベンダーの後3.import.js の
前
4.test.html 内のアラートのようになります。

もちろん、クロムでも同じ順序で機能します。私が欠けているものについて何か助けていただければ幸いです。

<html>

<head>
  <meta charset="utf-8">
  <title>test</title>
  <link rel="icon" type="image/ico" href="/images/favicon.ico"/>
  <script src="lib/webcomponentsjs/HTMLImports.js"></script>
  <link rel="import" href="js_imports/vendorjs.html">
  <script>alert("after vendor");</script>

<b>
</head>

<body class="side-nav-collapsed">
<script>alert("before import");</script>
<link rel="import" href="test.html">

</body>

</html>
4

1 に答える 1

2

これは、Firefox がHTMLImports.jspolyfill を使用するためで、<link>呼び出しは非同期です。

IE または Edge でも発生するこの問題の解決策: Internet Explorer での HTML インポートの読み込み順序

于 2016-04-15T06:59:32.573 に答える