Question

我已经编写了一个PHP页面模板，并希望从外部文件链接所需的Javascript。但是，执行此操作时，出现语法错误：Uncaught SyntaxError: Unexpected token <引用了文档类型标头<!DOCTYPE html>。如果我将脚本直接放在PHP文件中，那么它将起作用。

显然，这使我的文件混乱，那么如何在不破坏脚本的情况下做到这一点？另外，由于只需要在此一页上使用此脚本，因此我不想将其放在页脚中以加载整个网站。

我试图在我的PHP文件中使用<script type="text/javascript" src="staff-test.js"></script>来引用JS文件，但没有成功。 PHP和JS文件位于同一文件夹中，因此src路径似乎正确。

PHP：

<?php

    get_header();

    include('staff-test.css');
?>

<div class="page-wrap">  
  // my content
</div>

<script type="text/javascript" src="staff-test.js"></script>



<?php 
    get_footer();

使用此代码，我收到语法错误。我想将JS保留在单独的文件中，但是似乎只有在将其直接放在PHP文件中时才能工作。

Answer 1

使用include('staff-test.css')，您正在要求您的Web服务器将CSS文件解释为PHP。这就是为什么您会遇到语法错误。

您想改为：

<link rel="stylesheet" type="text/css" href="staff-test.css">

Answer 2

尝试

<?php
    get_header();
?>
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/staff-test.css"> 

<div class="page-wrap">  
  // my content
</div>

<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/staff-test.js"></script>



<?php 
    get_footer();
?>

Answer 3

您可能需要在功能文件中注册脚本。查看WordPress参考以注册脚本。

https://developer.wordpress.org/reference/functions/wp_register_script/

如何将JS文件链接到PHP页面模板？

3 个答案: