我创建了两个简单的测试页。一个使用XMLHttpRequest加载另一个。 (只是一个页面使用slimbox来显示图像) 这工作完美的第一次。但是当试图再次运行它时,再次按下按钮,它不再起作用。当我重新加载整个页面时,它再次运行。我是否必须卸载或重新加载脚本或其他东西? 我知道这里是脚本标记的两倍,不知道为什么,但是它是唯一能让它在第一时间工作的方法。如何才能第一次运作?装载了ajax的Javascript仅在第一次运行
请帮忙。
testajax.php
<html>
<head>
<link rel="stylesheet" href="SlimBox/css/slimbox.css" type="text/css" media="screen" />
<script id="script1" type="text/JavaScript"></script>
<script id="script2" type="text/JavaScript"></script>
<script type="text/javascript" src="SlimBox/js/mootools.js"></script>
<script type="text/javascript" src="SlimBox/js/slimbox.js"></script>
<script type="text/javascript">
function loadXMLDoc(Page)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDivFull").innerHTML=xmlhttp.responseText;
document.getElementById('script1').src = 'SlimBox/js/mootools.js';
document.getElementById('script2').src = 'SlimBox/js/slimbox.js';
}
}
xmlhttp.open("GET",Page,true);
xmlhttp.send();
}
</script>
</head>
<body>
<input id="Header2" type="button" onClick="loadXMLDoc('testImage.php')" name='Sok' value='Load' >
<div id="myDivFull"></div>
</body>
</html>
testImage.php
<a href='img/facebook-icon.png' rel='lightbox' cap='test'><img alt='' border='0' src='img/facebook-icon.png' /></a>
编辑: 由gilly3提供的方法完全与单独的js文件的工作,但我不能让它开始工作如果我添加一个谷歌小工具脚本'链接'到该函数。这可能以不同的方式解决吗?以下是我无法工作的代码。
function addScript(src)
{
var script = document.body.appendChild(document.createElement("script"));
script.src = src;
}
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDivFull").innerHTML=xmlhttp.responseText;
addScript('//www.gmodules.com/ig/ifr?url=http://www.mortgage-info.com/gadgets
/gadgetsmortgagecalculator.xml&synd=open&w=250&h=200&
amp;title=Mortgage+Calculator&border=%23ffffff%7C3px%2C1px+solid+%23999999&
amp;output=js');
}
谢谢。
Pleeeease使用jQuery – cambraca
您是否尝试在脚本URL的末尾添加一个nonce参数? – Pointy
你为什么要重新加载JavaScript文件?我相信有更好的方法来做这件事。 –