Javascript在本地工作，但不在网站上工作_Javascript_Jquery_Html

Javascript在本地工作，但不在网站上工作

javascript jquery html

Javascript在本地工作，但不在网站上工作,javascript,jquery,html,Javascript,Jquery,Html,所以我对网络编程有点陌生，我正在尝试在我的网站上包括一个jQuery小部件（当你点击文本框时弹出日历）。当我在chrome本地打开html脚本时，这个小部件可以正常工作，但在我的网站上根本不工作当我以普通用户的身份访问我的网站时，Chrome在发布之前会说“不安全”。也许这与此有关很抱歉，代码太多了，但我不知道脚本中的错误在哪里 <!doctype html> <html lang="en"> <head> <meta charset="ut

所以我对网络编程有点陌生，我正在尝试在我的网站上包括一个jQuery小部件（当你点击文本框时弹出日历）。当我在chrome本地打开html脚本时，这个小部件可以正常工作，但在我的网站上根本不工作

当我以普通用户的身份访问我的网站时，Chrome在发布之前会说“不安全”。也许这与此有关

很抱歉，代码太多了，但我不知道脚本中的错误在哪里

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="appointment">
  </head>


<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/style.css">

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>



<body>
  <h2 class="content-head is-center">SET UP AN APPOINTMENT <em>(Optional)</em></h2>
  <aside>
       <p> We can meet you on campus or at our office!
    <br>
    <br>
    Please use the form below to schedule an appointment. 
                  </p>
   </aside>

<!-- START FORM -->

  <form id="gform" method="POST" class="pure-form pure-form-stacked"
  action="https://script.google.com/macros/s/AKfycbyFvR4QUsL6wSpQbv283kcZuyKDM_vTGbSeqvM91UykoFah9s4/exec">

    <fieldset class="pure-group">
      <label for="name">Name* : </label>
<p>
      <input id="name" firstNname="firstName" placeholder="First Name" /> </p>
<br>
    <p><input id="name" lastNname="lastName" placeholder="Last Name" /></p>

    </fieldset>

    <fieldset class="pure-group">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>

<p>Date: <input type="text" id="datepicker"></p>
</fieldset>

    <input type="submit" value="Submit" action="https://script.google.com/macros/s/AKfycbyFvR4QUsL6wSpQbv283kcZuyKDM_vTGbSeqvM91UykoFah9s4/exec" >


  </form>

  <!-- POST SUBMISSION -->
  <div style="display:none;" id="thankyou_message">
    <h2>Thank you for getting in touch with us.
      We look forward to meeting with you!</h2>
  </div>

  <!-- Submit the Form to Google Using "AJAX" -->
  <script data-cfasync="false" type="text/javascript"
  src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
  <!-- <script data-cfasync="false" type="text/javascript"
  src="/form-submission-handler.js"></script> -->

<script data-cfasync="false" type="text/javascript"
src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
<!-- END -->

</body>
</html>


$（函数（）{
$（“#日期选择器”）.datepicker（）；
} );
设置约会（可选）
我们可以在校园或办公室见你！




请使用以下表格安排预约。

姓名*：





$（函数（）{
$（“#日期选择器”）.datepicker（）；
} );
日期：
谢谢你与我们联系。
我们期待与您见面！

它不起作用，因为您多次放置了JS/jquery。此版本应适用于：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="appointment">
  </head>


<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/style.css">

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>



<body>
  <h2 class="content-head is-center">SET UP AN APPOINTMENT <em>(Optional)</em></h2>
  <aside>
       <p> We can meet you on campus or at our office!
    <br>
    <br>
    Please use the form below to schedule an appointment. 
                  </p>
   </aside>

<!-- START FORM -->

  <form id="gform" method="POST" class="pure-form pure-form-stacked"
  action="https://script.google.com/macros/s/AKfycbyFvR4QUsL6wSpQbv283kcZuyKDM_vTGbSeqvM91UykoFah9s4/exec">

    <fieldset class="pure-group">
      <label for="name">Name* : </label>
<p>
      <input id="name" firstNname="firstName" placeholder="First Name" /> </p>
<br>
    <p><input id="name" lastNname="lastName" placeholder="Last Name" /></p>

    </fieldset>

    <fieldset class="pure-group">

  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>

<p>Date: <input type="text" id="datepicker"></p>
</fieldset>

    <input type="submit" value="Submit" action="https://script.google.com/macros/s/AKfycbyFvR4QUsL6wSpQbv283kcZuyKDM_vTGbSeqvM91UykoFah9s4/exec" >


  </form>

  <!-- POST SUBMISSION -->
  <div style="display:none;" id="thankyou_message">
    <h2>Thank you for getting in touch with us.
      We look forward to meeting with you!</h2>
  </div>

  <!-- Submit the Form to Google Using "AJAX" -->
  <script data-cfasync="false" type="text/javascript"
  src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
  <!-- <script data-cfasync="false" type="text/javascript"
  src="/form-submission-handler.js"></script> -->
<!-- END -->

</body>
</html>


$（函数（）{
$（“#日期选择器”）.datepicker（）；
} );
设置约会（可选）
我们可以在校园或办公室见你！




请使用以下表格安排预约。

姓名*：





$（函数（）{
$（“#日期选择器”）.datepicker（）；
} );
日期：
谢谢你与我们联系。
我们期待与您见面！

源代码中包含一些带有http://url的资源，因此显示不安全“。

我建议在html的底部包含所有与功能相关的Javascript库。

您是否尝试过使用http://而不是https://？“它不起作用”-如果我们不知道问题出在哪里，我们如何帮助呢？尝试从所有样式表和js链接中删除http:和https:

http://yui.yahooapis.com...

不是一个安全的来源，因此样式表无论如何都会损害您的安全性。为什么要使用https/http链接和一些仅为//？无论使用哪种样式，//链接通常不会在纯本地文件上工作（根据我的经验）。按F12打开控制台，查看加载该站点时实际看到的错误。哦，你的最后一份和之前的一样。