php - 分配外部 Javascript src 的输出以避免脚本挂起

Question

我有两个网站:domain1.com和domain2.com 。

domain1.com/external.php 上的脚本是:

<?php
echo <<<ots
<!--
document.write('Hello World!');
//-->
ots;
?>

我想执行这个external.php脚本 domain2.com ，所以我使用:

<script src="http://domain1.com/external.php"></script>

<小时/>

问题是 - Javascript 经常挂起，所以我想包含 < script..就在< /body>下方。但是，我必须打印 Hello World!页面上特定位置的文本(即 </head> 之后)。

问题 - 我可以包含 < script..就在< /body>下方以某种方式分配输出，然后在脚本执行后将此变量放在页面上？

或者还有其他类似的解决方案吗？我无法使用 JQuery。

Answer 1

您可以使用 innerHTML 替换页面上某个元素的内容:

document.getElementById('idOfTarget').innerHTML='Hello World!';

请注意，只有在创建元素后才能对其进行修改，因此请将脚本放在 </body> 之前如果可能的话或使用 window.onload 事件:

window.onload=function(){
     document.getElementById('idOfTarget').innerHTML='Hello World!';
};

另请参阅 this mine earlier answer to see how to replace an element by the classname or the tagname.

<小时/>

如果您需要在脚本中使用 PHP，那么您仍然可以这样做:

window.onload=function(){
     document.getElementById('idOfTarget').innerHTML='<?php
          echo "Hello World!";
     ?>';
};

请注意，如果您想要更新大量元素，您可能需要使用 AJAX/JSON .