关于在 .php 中使用 JavaScript答案

【问题标题】：About using JavaScript in .php关于在 .php 中使用 JavaScript
【发布时间】：2016-08-08 08:54:41
【问题描述】：

我实际上只是一个 html/css 人。

我想在我的页面上插入一个预订表格，但我有一个用于添加表格的自定义链接。该链接仅包含基本脚本，我被告知只需将其复制到我的 html 文件中。问题是我必须将它添加到 .php 文件中，当我这样做并重新加载我的页面时，它显示为空白。

我的 .php 文件中有一个基本 div 和一个用于调用图像的 div，然后是我的脚本。你能告诉我我的问题在哪里吗？

 <div id="dine_oliver_cattermole" class="content_holder border"></div>
 <div id="dine_oliver_cattermole" class="content_holder border">
 <table class="chef_holder" width="100%">
    <tr>
        <td width="30%" align="left" class="dine_chef_photo"><img src="/wp-content/.." width="290" height="440" /></td>
        <td width="40%" align="center" class="dine_chef_text">
            <h2>The Tasting Room’s Guiding Principles:</h2>
            <h3>-</h3>
            <h3>Please allow 3½ hours for this menu.</h3><br />
            <p>We do not have a dress code, you dress for the experience you.</p> 
            <p>Only open for dinner Tuesday</p>
        </td>
    </tr>
 </table>
 </div>

<!-- Start Bookatable Code -->
 <script type="text/javascript" src="http://ajax...."></script>
 <script type="text/javascript" src="https://bda...."></script>
<a id="target" href="#">Book Online</a>
<script type="text/javascript">
$(function () { 
    $("#target").lbuiDirect({
       connectionid  :  "LITH",
       popupWindow  :  {enabled  :  true}
    });
});
</script>
<!-- End Bookatable Code -->

还可以使用他的代码，但显示为空白。

 <!-- Start Bookatable Code -->
    <script type="text/javascript" src="https://bda....."></script>
    <script type="text/javascript">
         LBDirect_Embed({
         connectionid  :  "ZA-RES-THELIVINGROOMATLEQUARTIERFRANCAIS_283714:67970"
     });
    </script>
<!-- End Bookatable Code 

 <div id="dine_oliver_cattermole" class="content_holder border"></div>
 <div id="dine_oliver_cattermole" class="content_holder border">
   <table class="chef_holder" width="100%">
    <tr>
     <td width="30%" align="left" class="dine_chef_photo"><img src="/wp-content/.." width="290" height="440" /></td>
     <td width="40%" align="center" class="dine_chef_text">
        <h2>The Tasting Room’s Guiding Principles:</h2>
        <h3>-</h3>
        <h3>Please allow 3½ hours for this menu.</h3><br />
        <p>We do not have a dress code, you dress for the experience you.</p> 
        <p>Only open for dinner Tuesday</p>
    </td>
</tr>

【问题讨论】：

您是否在服务器上运行您的页面？
如果您不使用 php，只需调用它 .html 就可以了
那里没有什么要求它是一个 php 页面。我唯一的问题是页面上方是否包含 jQuery，以及我们可以看到的 2 个脚本 URL 是否仅在问题中被截断，或者它们是否像页面中的那样。跨度>
是的，我在服务器上运行页面，目前正在登台站点上工作。网站的所有文件都是 .php ，不能改变格式。
那么你需要回到那个人那里，告诉他们他们忘了告诉你什么，或者向他们索取这个脚本的文档

标签： javascript php jquery html css

【解决方案1】：

@PalDev @Adder @RiggsFolly 非常感谢，最后我就像你提到的那样，它对于一个 html 文件来说看起来不错，所以我只是使用了 html 文件将它复制到这个目录中，并在我的一个页面挂钩上我调用了 html使用 iframe。它成功调用了脚本。

所以我的 .html 文件包含脚本：

 <!-- Start Bookatable Code -->
  <script type="text/javascript" src="https://bda.book..."></script>
  <script type="text/javascript">
  LBDirect_Embed({
  connectionid  :  "ZA-RES-THELIVINGROOMATLEQUARTIERFRANCAIS_283714:67970"
  });
  </script>
 <!-- End Bookatable Code -->

然后我的 page.php 挂钩以下页面 part_page-info.php，其中包含调用我的 .html 文件的 iframe：

    <td width="30%" align="right">
        <iframe style="display: block; width: 100%; height: 404px;" src="/wp-content/theme/leeu/content/leeu-test/tasting-room/test.html"></iframe>
    </td>

这然后显示我正在寻找的 JavaScript。（我只是提到我认为我没有工作，因为我没有提到的所有其他页面也被调用并从 page.php 挂钩有 JavaScript 中断我试图使用的脚本)。这是我的简单解决方案。

【讨论】：