PHP包含index.php中CSS和JS链接的文件

时间:2015-11-20 07:42:03

标签: javascript php css head

如何在另一个php文件例如'links.php'的索引php中包含JS和CSS链接的head部分?

5 个答案:

答案 0 :(得分:2)

实际上很容易

的index.php

<!DOCTYPE html>
<html lang="">
    <head>
        <?php require_once('header.php'); ?>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>

的header.php

echo "<link href=\"style.css\" rel=\"stylesheet\">";
echo "<script type=\"text/javascript\" src=\"js.js\"></script>";
echo "<link href=\"style2.css\" rel=\"stylesheet\">";

答案 1 :(得分:0)

试试这个:

<强>的index.php

<html>
    <?php include_once('links.php'); ?>
    <body>
        <!--Your following Code-->
    </body>
</html>

<强> Links.php

<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <script type="text/javascript" href="script.js"></script>
</head>

答案 2 :(得分:0)

<强> another.php

<link rel="stylesheet" type="text/css" href="/css/style.css"/>
<script type="text/javascript" src="/js/jquery.js"></script>

<强>的index.php

<html>
<head>
<?php include 'another.php'; ?>
</head>
<body>
// Content goes here
</body>
</html>

答案 3 :(得分:0)

一个简单的解决方案是将所有文件包含在顶部,并将其css文件和脚本文件存储在一个数组中。所以看起来像这样:

links.php:

return [
    'css' => ['assets/links.css', 'assets/global.css'],
    'js' => ['assets/links.js', 'assets/global.js'],
    'content' => ...
];

的index.php:

// this one requires all.css and all.js
$allCss = ['assets/all.css'];
$allJs = ['assets/all.js'];

$links = include('links.php');

$allCss = array_unique(array_merge($allCss, $links['css']));
$allJs = array_unique(array_merge($allJs, $links['js']));

// Do all rendering below this

// render head something like this
foreach ($allCss as $css) { echo "<link rel=... src=$css />" }
// same for js

// render links: e.g. echo $links['content'];

这样,您可以让每个组件指定它需要哪些文件,如果两个文件需要相同的css或js文件,则不会将链接标记放在两次。

这将要求您拥有某种可支持此功能的文件结构。我的例子可能不是最好的。

答案 4 :(得分:0)

尝试此代码这是一个简单的演示,您的问题实施可能会根据要求而有所不同

的index.php

<html>
<head>
<?php include('path/to/assets.php') ?>
<link href="path/to/this/page/levelcss.css" rel="stylesheet"/>
<script src="path/to/this/page/levelscript.js" type="text/javascript"></script>
</head>
<body>
     <!--HTML Body goes here -->
</body>
</html>

assets.php

<?php 

echo '<link href="path/to/project/levelscript.js" rel="stylesheet">';
echo '<script src="path/to/project/levelscript.js" type="text/javascript"></script>';

?>