如何在html文件中包含js文件?

时间:2013-08-19 18:42:01

标签: javascript html

我想在我的项目中实现虚拟键盘。我从来没有把它包括在内,所以我提到了一个链接,我尝试了如下:

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

    <script>

    // Minimal callback function:
    function keyb_callback(char)
    {
        // bind vkeyboard to the <TEXTAREA>

        // with id="textfield":
        var text =
            document.getElementById("textfield"), val = text.value;

        switch(ch)
        {
            case "BackSpace":
            var min=(val.charCodeAt(val.length - 1) == 10) ? 2 : 1;
            text.value = val.substr(0, val.length - min);
            break;

           case "Enter":
               text.value += "\n";
               break;

           default:
               text.value += ch;
        }
    }

    </script>
</head>

风格:

#keyboard
{
    width:800px;
    height:400px;
    background-color:#f2f3f1;
    margin:1px auto;
    border-radius:25px;
    box-shadow:5px 5px 5px grey;
}

身体:

<body onload="new Vkeyboard("keyboard", keyb_callback);">
    <TEXTAREA id="textfield" rows="1" cols="25"></TEXTAREA>
    <div id="keyboard"></div>
    </div>
</body>

我试过这个,搜索网但没有任何东西使它工作。请仔细阅读我的代码并帮我纠正。任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:1)

您可以尝试将键盘周围的引号更改为单引号。

<body onload="new Vkeyboard('keyboard', keyb_callback);">

答案 1 :(得分:1)

您的body标记中的引号似乎有问题。你正在打开和关闭很多字符串,这使得你的js无法运行。将您的body标记更改为:

<body onload="new Vkeyboard('keyboard', keyb_callback);">

答案 2 :(得分:0)

你的功能VKeyboard()在哪里?

你正在创建一个对象new Vkeyboard(在你的body标签中。但是你没有脚本。我猜你错过了一个javascript文件?

你是将这段代码从网站上取下来的,还是你拥有的?

在标签上方,应该有对javascript文件的引用

您的代码不完整。