简体   繁体   English

如何在2个javascript文件之间切换

[英]How to switch between 2 javascript files

I just wonder if it possible to change/ switch between 2 javascript files in a web page ? 我只是想知道是否可以在网页中更改/切换2个javascript文件? If user choose the EN language from my site then the file alljavaforEN.js will be activated. 如果用户从我的站点选择EN语言,则将激活alljavaforEN.js文件。 But If user choose the FR language from my site then the file alljavaforFR.js will be activated 但是如果用户从我的站点选择FR语言,那么将激活文件alljavaforFR.js

I´m so sorry if my question is too simple. 如果我的问题太简单,我很抱歉。 But I have been search in google I have not found any tutrials. 但我一直在谷歌搜索我没有找到任何tutrials。 Possibly I use wrong keywords ? 可能我使用错误的关键字?

However what I did here is 不过我在这里做的是

<html>
<head>

Function changeLanguage (lang) {
if (lang=="fr"){///Do something to activate this <script type="text/javascript" src="alljavaforFR.js"></script>}

if (lang=="en"){ //Do something to activate this <script type="text/javascript" src="alljavaforEN.js"></script>}

}
</head>
<body>
  <a href="#" onclick="changeLanguage('en');"> Change to English</a>
  <a href="#" onclick="changeLanguage('fr');"> Change to French</a>
</body>
</html>

This is kind of ugly... but. 这有点难看......但是。

if (lang=="fr"){
    document.write('<script type="text/javascript" src="alljavaforFR.js"></script>')
}

if (lang=="en"){ 
    document.write('<script type="text/javascript" src="alljavaforEN.js"></script>')
}

Alternatively a better approach might be (not when the page is loading) to load the script in a deferred way, something like. 或者,更好的方法可能是(不是在加载页面时)以延迟方式加载脚本,例如。

function loadScript(src){
    var el = document.createElement("script");
    el.src = src;
    document.body.appendChild(el);
}

And then: 接着:

if (lang === "fr"){
    loadScript("alljavaforFR.js")
} else  if (lang === "en"){
    loadScript("alljavaforEN.js");
}

(You can wrap it in a function) (你可以将它包装在一个函数中)

try this: 尝试这个:

<script type="text/javascript" id="script" src="alljavaforFR.js"></script>

<script type="text/javascript">
function changeLanguage(lang) {
  var src;
  switch(lang) {
    case "en":
    src = "alljavaforEN.js";
    break;
    case "fr":
    default:
    src = "alljavaforFR.js";
  }
  document.getElementById("script").src = src;
}
</script>


<a href="#" onclick="changeLanguage('en');"> Change to English</a>
<a href="#" onclick="changeLanguage('fr');"> Change to French</a>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM