Question

我在html和PHP页面中有这个JavaScript代码。但是我被告知它只有在我有互联网连接时才有效，所以解决办法是制作一个.JS文件并在页面中包含这个文件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="/clinic form/appoint/dropscript.js">
</script>

现在我在离线测试页面时遇到错误。

JS文件取自此链接： multiple java script in one page error

最终的代码是：

$(document).ready(function(){
    $("#Date").change(function(){
        var seldate =$(this).val();
        display_data(seldate);
    });

    // This is the function...
    function display_data(seldate) {

        $("#scheduleDate").html(seldate);
        var dataString = 'seldate='+ seldate;
            $.ajax({
            type: "POST",
            url: "getdata.php",
            data: dataString,
            cache: false,
            success: function(data) {
                $("#Schedule").html(data);
            } 
        });

    }
    // Now here is the real code for retaining your Date...
    /*<?php
    if (!empty($_GET['date'])) {
        ?>
    display_data('<?php echo $_GET["date"]; ?>')
        <?php
    }
    ?>*/
    document.getElementById('Date').value = '<?php echo @$_GET["date"]; ?>';

});



$(document).ready(function(){
    $("#Name").change(function(){
        var selname =$(this).val();
        display_name(selname);
    });

    // This is the function...
    function display_name(selname) {
        $("#scheduleName").html(selname);
        var dataString = 'selname='+ selname;
        $.ajax({
            type: "POST",
            url: "getdatabyname.php",
            data: dataString,
            cache: false,
            success: function(data) {
                $("#Schedule").html(data);
            } 
        });
    }
});// JavaScript Document

P.S。我是JS的新手，我正在尝试。

Answer 1

转到https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js，按CTRL + S，将保存的文件移动到项目目录中，然后像dropcript.js一样包含它。

如果需要，也可以使用相同的字体。使用@font-face将其包含在CSS文件中。更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

在html页面错误中包含JS文件

1 个答案: