サーバーサイドのリソースを使用して、クライアントに読み込ませるJavaScriptファイルを動的に変化させたい場合などに
まず、JavaScriptファイルとして読み込ませるPHPファイルを用意します。
js.php
<?php
header('Content-Type: application/x-javascript; charset=utf-8');
$date = date('Y/m/d H:i:s');
$script = <<< EOF
function displayServerDatetime(){
alert('{$date}');
}
EOF;
echo $script;
header関数でContent-Typeをapplication/x-javascriptとして指定することで、ブラウザ側でJavaScriptファイルとして解釈してくれます。
あとは、HTMLをPHPで出力するときと同じ要領でJavaScriptのコードを書いていくだけです。
index.html
<html>
<head>
<script src="js.php"></script>
</head>
<body>
</body>
<script>
displayServerDatetime();
</script>
</html>
HTML側では、上記のように通常のJavaScriptファイルと同じように読み込むだけです。