Question

此代码试图更改html中的一个段落元素，但脚本元素中的任何内容似乎都无法识别

我们已经尝试了此代码的许多不同变体，以试图理解什么不起作用，但是脚本元素中什至没有识别出

ports:
 - "80:80"
  - "443:443"

我希望代码将段落元素更改为其他内容，但没有任何效果，而console.log（）根本不起作用

Answer 1

您不能将代码放入jQuery的脚本元素中。而是在代码下方添加另一个脚本标签。

<!DOCTYPE html>
<html>
    <head>
        <h3>Final Schedule</h3>
    </head>

    <body>
        <p id ="fs">hi2</p>
        <input id="request" type="button" value="Get Final Schedule">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script>
          $(document).ready(function(){
                console.log("hi");
                $("#request").click(requestClicked);
                console.log("done2");
            });

            console.log("h")
            function requestClicked(){
                $("#fs").html("ohafhiohfos");
                console.log("done");
            };
        </script>
    </body>
</html>

Answer 2

脚本标签不能同时包含src和内部文本代码。您需要两个标签

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <script>
        $(document).ready(function(){
            console.log("hi");
            $("#request").click(requestClicked);
            console.log("done2");
        });

        console.log("h")
        function requestClicked(){
            $("#fs").html("ohafhiohfos");
            console.log("done");
        };
    </script>

Answer 3

您需要2个脚本标签，1个列出您正在使用的jquery库，1个编写实际代码

Answer 4

尝试为jQuery（<script>）制作一个<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>标签，为您的代码制作另一个标签：

<script>
            $(document).ready(function(){
                console.log("hi");
                $("#request").click(requestClicked);
                console.log("done2");
            });

            console.log("h")
            function requestClicked(){
                $("#fs").html("ohafhiohfos");
                console.log("done");
            };
        </script>

Answer 5

您使用的是jQuery的较旧版本，可能想更新到较新的版本
脚本标签可以具有src属性，需要一个脚本文件，或者直接需要脚本内容，而不是两者都需要。因此，只用您要执行的代码制作第二个脚本块：

        <p id ="fs">hi2</p>
        <input id="request" type="button" value="Get Final Schedule">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                console.log("hi");
                $("#request").click(requestClicked);
                console.log("done2");
            });

            console.log("h")
            function requestClicked(){
                $("#fs").html("ohafhiohfos");
                console.log("done");
            };
        </script>

html似乎无法读取script元素

5 个答案: