评估 php 生成的 javascript “内联”？

Question

如果您查看此页面的来源 http://kingston.talking-newspapers.co.uk/ 你会在顶部附近看到大量的内联 JavaScript。

我真的不希望所有这些额外的东西在我的页面源代码中漂浮，我宁愿将其放入脚本标记中，然后我可以缩小它和各种。

如果我将其称为 php 文件，理论上这应该有效，我只是以 php 结尾 js 文件扩展名，并在标头中添加以下内容：

header("Content-type:application/x-javascript");

但是...很多用于生成播放列表的 php 变量javascript 中的内容设置在主 index.php 文件的开头，并且在像这样调用这个 php 生成的 js 播放列表文件时，它似乎完全单独评估它，因此它充满了错误。

我能想到的唯一方法是让页面写入一个文件，然后立即读入它。另一件事是，播放列表可能会经常动态地更改，所以我认为我需要缩小以不缓存它？

Answer 1

我按照本教程提出了解决方案，它将生成内联脚本重定向到文件，然后立即读取该文件。

http://my.opera.com/zomg/blog/2007/10/03/how-to- easy-redirect-php-output-to-a-file

所以现在我的页面看起来像：

<?php
require("./filewriter.php");
$obfw = new OB_FileWriter('jplay_gen_playlist.js');
$obfw->start(); 
require($includesdir . "jplayerscript.php");
$obfw->end(); 
?>

瞧瞧！一切都很好地外部化，可以缩小、缓存等。

Answer 2

您可以通过两种方式做到这一点。首先将设置内联变量，然后包含脚本：

<script type="text/javascript">
  var myPlayList = [
    {
       name: "Introduction and guidance on usage",
       mp3:"http://www.talking-newspapers.co.uk/find/soundfiles/TnHomePageIntro.mp3",
       ogg:"http://www.talking-newspapers.co.uk/find/soundfiles/kingstonkt9.ogg"
    }
    ...
 </script>
 <script type="text/javascript" src="myinclude.js"></script>

另一种方法是让包含的 .js 文件包含一个简单的函数库，将其包含在页面顶部，然后调用一些内联javascript：

<script type="text/javascript" src="myinclude.js"></script>

....

<script type="text/javascript">
$(function() {
    var myPlayList = [ ... ];
    startPlaylist(myPlayList);
});
</script>

我个人会选择第二种方法。您不需要动态生成任何脚本（据我所知，除了播放列表之外，它都可以被硬编码，对吧？）您需要传递给脚本的任何其他内容仍然可以传递无论如何，通过您的 startPlaylist() 方法调用。