javascript - 使用远程 javascript 文件更改 div

Question

服务器 x 上有一个页面 X 有这样一个 html 文件

<script type="text/javascript" src="http://pageYserverY.com/remote.php?hat=strong"></script>
<div name="lev">Hallo world</div>

考虑从远程服务器 Y 包含 JS 文件。

页面 Y (remote.php) 上的文件如下所示:

<?php
    Header("content-type: application/x-javascript");
    $hat = $_GET["hat"];
    echo "document.write(\"$hat\");"; // write it once
?>
document.getElementsByName("lev").innerHTML="Hello World AGAIN";

为什么它不改变 div。我的整个方法和我对跨浏览器 JS 的理解是错误的吗？

顺便说一句:调用 php 生成的 js 是谷歌自己在 recaptcha 和谷歌广告上使用的一种方法。

Answer 1

我想您会发现这只是一个排序问题。 JavaScript 在 div 准备好之前执行。

将脚本移动到 div 下方，如下所示:

<div name="lev">Hallo world</div>
<script type="text/javascript" 
src="http://pageYserverY.com/remote.php?hat=strong"></script>