如何有條件地加載文件？

Question

有人可以建議我有條件地加載 css 或 javascript 文件的方法，即僅當 url 可訪問時？

例如在我的頁面上，我有以下文件：

<html>
...
<link rel="stylesheet" type="text/css" href="https://service.test/css/a.css"/>
<script type="text/javascript" src="https://services.test/js/a.js"></script>
...
</html>

有沒有辦法檢查https://service.test/css/a.css是否可訪問，如果是，則加載此資源（與https://services.test/js/a.js相同）？

Answer 1

你可以嘗試這樣的事情。 但它只適用於 head 部分的樣式表。

 <html> <link rel="stylesheet" type="text/css" href="https://service.test/css/a.css"/> <body> </body> <script> // you will have to manuall define the pairs (keys are stylesheets and values are scripts you want to load) const pairs = { "https://service.test/css/a.css": "https://services.test/js/a.js" } let styles = document.querySelectorAll("link[rel='stylesheet'][type='text/css'][href]"); styles.forEach(s => { if(pairs[s.href]){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = pairs[s.href]; document.getElementsByTagName('head')[0].appendChild(script); } }); </script> </html>

如何有條件地加載文件？

問題描述

1 個解決方案

解決方案1
0 2020-03-31 10:01:04

如何有條件地加載文件？

問題描述

1 個解決方案

解決方案1 0 2020-03-31 10:01:04

解決方案1
0 2020-03-31 10:01:04