如何在html页面动态加载js文件

Question

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

         

        <!--script type="text/javascript" src="zh-cn.js"></script> 

         

      <script type="text/javascript" src="en.js"></script-->

        <script type="text/javascript">

            function test($str){

                //alert($str);

                if($str=="CN"){

                    alert("CN");

                }else if($str=="EN"){

                    alert("EN");

            //document.writeln("<script type='text/javascript' src='en.js'/>");

            document.writeln("<script language='javascript' src='en.js' ></script>");   //用来动态控制js

                }

            }

          

        </script>

RT 最近在做一个国际化的的html页面

页面加载的时候判断系统语言 然后动态加载 js文件

但是怎么弄 js都没引入成功   求大神看看   急  

Answer 1

<script>&nbsp;&nbsp; &nbsp; var head = document.getElementsByTagName('head')[0];&nbsp;&nbsp; &nbsp; var script= document.createElement("script");&nbsp;&nbsp; &nbsp; script.type = "text/javascript";&nbsp;&nbsp; &nbsp; script.src="en.js";&nbsp;&nbsp; &nbsp; head.appendChild(script);&nbsp;</script>

Answer 2

Answer 3

加载js的url带有的<script>标签会导致混乱的，应该转码document.writeln("&lt;script&nbsp;src='en.js'>&lt;/script>");把<写成 &lt; 才行