在PHP页面中加载jQuery -没有头部标签

Load jQuery in PHP page - no head tags

本文关键字：头部 标签 jQuery 加载 PHP      更新时间：2023-09-26

这可能是一个超级简单的答案，但是我就是想不明白。

基本上，我有一个php页面只开始与打开<?php标签。

我有一个jquery脚本，我需要调用这个页面。

<script type="text/javascript">
     $('input[name="_manage_item"]').click(function() {
     $('input[name="_item"]')[this.checked ? "show" : "hide"]();
     });
</script>
根据我的研究，我需要通过放置 来加载脚本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

插入页面的<head>标签。

但是我的页面没有html <head>或<body>标签。那么我在哪里调用脚本呢?

我试着把它放在开头的<?php标签的前面，但是这破坏了页面。

正确的做法是什么?

您可以将您的javascript放在页面底部的php标签之外。但是当你在网页中使用php时，你应该添加html和head和body标签。一个简单的php页面可以像这样:

<html>
<head>
  <!-- stylesheets and javascript -->
</head>
<body>
  <?php
    //You php-code
  ?>
  <!-- scripts at the end of the page to let the side load faster -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script type="text/javascript">
   $('input[name="_manage_item"]').click(function() {
     $('input[name="_item"]')[this.checked ? "show" : "hide"]();
   });
</script>
</body>
</html>

根据您的wordpress标签，我建议您阅读本文。在wordpress中描述了有关javascript使用的所有细节。可能最常见的方法是使用wp_register_script()函数。

将JavaScript添加到WordPress生成的页面和WordPress主题或插件的安全且推荐的方法是使用wp_enqueue_script()。

我还建议您将代码合并到一个单独的文件中，并在jquery库之后直接加载它。这是一个很好的做法，因为这样浏览器可以缓存您的脚本，而不会在每个页面请求时下载它。您还应该将其封装到$( document ).ready()函数中，以确保仅在文档处于就绪状态时才执行该函数。

相关文章：