如何创建外部Javascript(.js文件)

时间:2016-12-21 09:01:52

标签: javascript jquery html wordpress

我是javascript的新手,我有一个脚本可以工作当我在Wordpress中</ body>之前放入页脚,然后我将转换为外部javascript(.js文件)但是当我运行它不能工作。如何解决这个问题?

这是脚注和工作中的脚本,

function showMe() {
    var x = document.getElementById("codeArea").value;
    if (x.length == 0) { 
        document.getElementById("txtResponse").innerHTML = "empty";
        return;
    } else {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtResponse").innerHTML  = this.responseText;              

                return;
            }
        }
        xmlhttp.open("GET", "show.php?q="+x, true);
        xmlhttp.send();
    }

}

这就是我尝试更改为外部javascript的示例,例如:showMe.js

function showMe() {
    'use strict';
    var x = document.getElementById("codeArea").value;
    if (x.length === 0) { 
        document.getElementById("txtResponse").innerHTML = "empty";
        return;
    } else {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState === 4 && this.status === 200) {
                document.getElementById("txtResponse").innerHTML  = this.responseText;              

                return;
            }
        };
        xmlhttp.open("GET", "show.php?q="+x, true);
        xmlhttp.send();
    }

}

请给我解决方案,谢谢

5 个答案:

答案 0 :(得分:0)

在HTML文件中,在关闭正文之前添加脚本标记:

<body>
--Content--
    <script src="dir/showMe.js"></script>
</body>

下次请添加您的HTML文件,这非常重要。

答案 1 :(得分:0)

如果您将代码段放在帖子中会很有帮助。任何方式只是尝试将js文件包含在结束体标记上方,即HTML文件中的</body>标记。

<html>
...
<body>
.
.
.
<script type="text/javascript" src="showMe.js"></script>
</body>

答案 2 :(得分:0)

删除行

'use strict'

再试一次。

答案 3 :(得分:0)

if you converting your js code into a file then follow steps:-

1.put the file into your theme js directory 

2. the call into footer file like this one

  <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/showMe.js"></script>

before closing tag of </body>

Thanks

答案 4 :(得分:0)

如果wordpress你可以遵循这个 enter link description here

其他