Question

我正在开发一个带有JQuery脚本的HTML页面，这个页面有一个提交到PHP页面的表单。

我被要求添加一个JavaScript代码，根据下拉列表选项启用\禁用文本框，所以在我添加之后，页面不再重定向，它告诉我什么时候提交到php页面HTML格式不正确。

这是我的编码

<html class="no-js" lang="en">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

未声明HTML文档的字符编码。该在某些浏览器配置中，文档将使用乱码文本呈现如果文档包含US-ASCII范围之外的字符。必须在文档中声明页面的字符编码在转移协议中。

我的问题是插入JS脚本的最佳位置是什么？它必须在里面

$(document).ready(function(){

或者我可以在文档中的任何位置添加它，导致服务器无法正确解释HTML。

Answer 1

这就是我在关闭body标签之前使用脚本标签的方法。你可以把它放在头部和其他地方，但必须用<script>标签括起来。

<html>
    <head>
    </head>
    <body>
        <select id="mySelect">
            <option value="1">1</option>
            <option value="2">2</option>
        </select>

        <script src="libs/jquery/jquery.10.2.min.js"></script>
        <script>
            $(document).ready(function() {
                $('#mySelect').on('change', function() {
                    // do something
                });
            });
        </script>
    </body>
</html>

Answer 2

上述评论中的示例：

<head>
  .....
</head>
<body>
<!-- html code here -->
<script src="jquery.js"></script>
<script>
  $(document).ready( function() {
     // code to disable drop downs here
  });
</script>
</body>

Answer 3

将您的JS放在<script>底部的<body>标记中，如：

<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  </head>
  <body>
    Lorem ipsum, blah foo bar.
    <script>

      // same as $(document).ready(function(){
      $(function() {
        // put your enable/disable dropdowns jQuery code here
      });
    </script>
  </body>
</html>

如果您的JS脚本不需要jQuery（使用查询ex：$('.dropdown a')），那么您可以排除$(function() {换行

将Javascript与JQuery一起设置

3 个答案: