从HTML页面调用javascript文件时出现问题

时间:2014-01-13 20:45:31

标签: javascript html keyboard

我有两个文件,一个名为TestKeyboard.html,我从中调用javascript代码文件AutomaticKeyboardChange.js。 这是html页面:

<html>
    <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

            <title> including file </title>
            <script type="text/javascript" src="C:/Users/mounaim/Desktop/Javascript Tests/AutomaticKeyboardChange.js"> </script>
    </head> 
        <body>
                <p id="demo"> Here I'm testing some code with javascript </p> <br/><br/><br/>

                <input id="firstname" type="text" > </input>
        </body>


</html>

这是javascript文件:

<script type="text/javascript">
window.onload = function(){
var KEYS_MAP = {

            65 :"ض",

            90 :"ص",

            69 :"ث",


            82 :"ق",


            84 :"ف",


            89 :"غ",


            85 :"ع",


            73 :"ه",


            79 :"خ",


            80 :"ح",


            221 :"ج",


            81 :"ش",


            83 :"س",


            68 :"ي",


            70 :"ب",


            71 :"ل",


            72 :"ا",


            74 :"ت",


            75 :"ن",


            76 :"م",


            77 :"ك",


            192 :"ط",


            220 :"ذ",


            87 :"ئ",


            88 :"ء",


            67 :"ؤ",


            86 :"ر",


            66 :"ل",


            78 :"ى",


            188 :"ة",


            190 :"و",


            191 :"ز",


            223 :"ظ",

            186 : "د"

   };
//Ici à la place de "firstname" faites rentrer l'id du champ pour lequel on veut activer la conversion
document.getElementById("firstname").onkeydown = function myFunction(e){
  var keyCode = window.event ? window.event.keyCode : e.which;
  if(keyCode == 66) {
              this.value += "ل";
              this.value +="ا"
              return false;
  }

  else{
      if(keyCode && KEYS_MAP[keyCode]){
              this.value += KEYS_MAP[keyCode];
              return false;
    }
  };
}
}



</script>

当我加载HTML页面时,脚本没有运行!为什么? 任何帮助非常感谢

2 个答案:

答案 0 :(得分:3)

确保你的js文件真正被加载(检查浏览器的网络选项卡)。

这个绝对路径也可能是问题的原因,为什么不把js放在HTML文件的同一个位置,所以你可以把它称为

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

2)你不需要javascript文件中的脚本标记。

答案 1 :(得分:1)

您正在使用它的物理路径直接引用javascript。这只适用于从Windows文件资源管理器加载html文件而不是从Web服务器加载。路径必须与虚拟路径有关。

尝试加载javascript文件并删除“C:/ Users / mounaim / Desktop / Javascript Tests / AutomaticKeyboardChange.js”内容