Javascript 加载jQuery和自己的JS_Javascript_Php_Jquery_Html

Javascript 加载jQuery和自己的JS

javascript php jquery html

Javascript 加载jQuery和自己的JS,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我在互联网上找了一段时间，找到了解决我问题的正确答案，并询问了一些同事。。。我仍然面临同样的问题如下所示：（我对使用JS和jQuery还不熟悉）我想把我自己的JS加载到我的HTML中（用PHP编写）它所指的位于PHP文件中： <button id="button"> CLICK HERE!</button> <?php echo '<!doctype html> <html> <head>

我在互联网上找了一段时间，找到了解决我问题的正确答案，并询问了一些同事。。。我仍然面临同样的问题

如下所示：
（我对使用JS和jQuery还不熟悉）

我想把我自己的JS加载到我的HTML中（用PHP编写）

它所指的

位于PHP文件中：

<button id="button"> CLICK HERE!</button>

<?php

echo        '<!doctype html>
<html>
    <head>
        <title>Opdracht 4!</title>
        <meta name="author" content="Danny">
        <link rel = "stylesheet" href = "basis.css">
    </head>
        <body>
            <h3>Naam</h3>
                <p> Danny </p><br>
            <h3>Geboortedatum</h3>
                <p>a date</p><br>
            <h3>Woonplaats</h3>
                <p>A City</p> 

<br><br><br>

    <div class="footer">
        <footer>
            &#169 2017, Danny 
        </footer>
    </div>

        <script src="standaard.js"> </script>
        <script src="test.js"></script>
    </body>
</html>';
?>

点击这里！

现在，当我加载standarad.js并在

之间将test.js的内容复制到PHP文件中时，它就可以正常工作了

但当我从不同的文件加载它时，它不会，当我在Firefox控制台中检查页面时，它会给出以下信息：

SyntaxError:应为表达式，得到“}”
[更多信息]
test.js:4:10

我希望有人能在这方面帮助我，并且我没有犯新手错误：）

注意：我怀疑这与两个脚本都需要加载的时间有关，test.js会先加载。。。但是，再一次，我没有得到弹出的错误

编辑：

以下是修剪过的PHP文件：

<button id="button"> CLICK HERE!</button>

<?php

echo        '<!doctype html>
<html>
    <head>
        <title>Opdracht 4!</title>
        <meta name="author" content="Danny">
        <link rel = "stylesheet" href = "basis.css">
    </head>
        <body>
            <h3>Naam</h3>
                <p> Danny </p><br>
            <h3>Geboortedatum</h3>
                <p>a date</p><br>
            <h3>Woonplaats</h3>
                <p>A City</p> 

<br><br><br>

    <div class="footer">
        <footer>
            &#169 2017, Danny 
        </footer>
    </div>

        <script src="standaard.js"> </script>
        <script src="test.js"></script>
    </body>
</html>';
?>

在结束标签前面，按以下顺序放置两个脚本：

 <script id="jquery" src="standaard.js"></script> 
  and 
 <script src="test.js"></script>

经过多次尝试，我找到了解决办法！这看起来很简单，也不太符合逻辑，但我把所有的“to”都换成了，它就成功了

像这样：

$(document).ready(function(){
    $('button').click(function(){
        $('p').fadeOut('slow');
    });
});

感谢大家的回复，在你们的帮助下，我知道哪些事情是不可能的。

为什么要将jQuery的内容复制到另一个文件中？语法错误是一个解析错误，而不是运行时错误。因此，您的

test.js

文件中存在语法错误。此处显示的代码不会导致错误给出错误消息。@messerbill，要检查standard.js文件是否完成了它必须完成的任务&我的语法工作。~主题之外，我建议使用文件名来说明文件本身。在本例中，

jquery.min.js

，只是一个建议。您是否将所有内容从jquery文件复制到standard.js？您可能错过了最后一个closing chars？这是OP声明他们已经做过的，禁止将

放在

之前，但这与他们使用的是document.ready处理程序无关。还要注意

脚本标记上的id
属性偶尔也会有用途（例如模板化）虽然我同意在这种情况下它是不需要的。这是一个语法错误，所以加载顺序不是错误的原因。是的，他/她确实得到了一个语法错误，但他/她发布的js
中没有语法错误。而且，从来没有说过在body tag中加载脚本感谢响应，id是我试图制作的东西它对我不好。正如您所说，它应该可以工作，但我一直给我一个错误，即使我将脚本放在了前面，您也可以尝试删除standarad.js的脚本，并用以下内容替换它：
$(document).ready(function(){
    $("button").click(function(){
        $("p").fadeOut("slow");
    });
});

$(document).ready(function(){
    $('button').click(function(){
        $('p').fadeOut('slow');
    });
});