Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何创建外部Javascript(.js文件)_Javascript_Jquery_Html_Wordpress - Fatal编程技术网

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

如何创建外部Javascript(.js文件),javascript,jquery,html,wordpress,Javascript,Jquery,Html,Wordpress,我是javascript新手,我有一个脚本,当我在Wordpress中的之前放入页脚时可以工作,然后我将转换为外部javascript(.js文件),但当我运行它时无法工作。如何解决这个问题 这是页脚和工作中的脚本 function showMe() { var x = document.getElementById("codeArea").value; if (x.length == 0) { document.getElementById("txtRespo

我是javascript新手,我有一个脚本,当我在Wordpress中的
之前放入页脚时可以工作,然后我将转换为外部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();
    }

}

请给出解决方案,谢谢

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

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

--内容--

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

如果您将该代码片段放在您的帖子中,将非常有用。不管怎样,只要试着将js文件包含在结束正文标记的正上方,即HTML文件中的
标记

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

...
.
.
.
删除该行

'use strict'
然后重试。

如果您将js代码转换为文件,请执行以下步骤:-
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
1.将文件放入主题js目录 2.对页脚文件的调用如下所示
如果wordpress你可以遵循这个


else

请显示html页面在包含文件后是否调用文件中的函数?使用wp_enqueue_脚本在页脚中添加js文件,