首页当前本地有language_CN.js、language_EN.js两个js文件，如何根据选择语言的不同，动态引入对应的js文件，请用前端代码说明

当前本地有language_CN.js、language_EN.js两个js文件，如何根据选择语言的不同，动态引入对应的js文件，请用前端代码说明

时间: 2024-09-19 07:13:18 浏览: 53

在前端，你可以通过JavaScript来实现这个功能，特别是在HTML中利用`<script>`标签的`src`属性和条件渲染。这里是一个简单的例子： ```html <!DOCTYPE html> <html lang="en"> <head> <script src="language_DEFAULT.js"></script>  </head> <body> <select id="languageSelect" onchange="loadLanguage()"> <option value="language_CN.js">中文</option> <option value="language_EN.js">英文</option> </select> <script> function loadLanguage() { const languageSel = document.getElementById('languageSelect'); const selectedLang = languageSel.value; // 利用JavaScript替换当前<script>标签的src属性 const scriptTag = document.getElementsByTagName('script')[0]; scriptTag.src = selectedLang; } </script> </body> </html> ``` 在这个示例中，首先加载了一个默认的语言文件（比如`language_DEFAULT.js`），然后创建一个下拉框让用户选择语言。当用户更改语言选择时，`onchange`事件会触发`loadLanguage`函数，该函数获取选中的语言值，并用它更新第一个 `<script>` 标签的 `src` 属性，从而动态地切换到对应的语言脚本。

阅读全文