在资源加载进来之前定义好一个函数,这个函数接受一个参数(数据),函数里面利用这个参数做一些事情
然后需要的时候通过script标签加载对应远程文件资源,当远程的文件资源被加载进来的时候,
就会去执行我们前面定义好的函数,并且把数据当做这个函数的参数传入进去
html代码:
<script>
function
fn(data){
var
oUl1 = document.getElementById(
'ul1'
);
var
html=
""
;
for
(
var
i=0;i<data.length;i++){
html +=
"<li>"
+data[i]+
"</li>"
;
}
oUl1.innerHTML=html;
}
function
fn1(data){
var
oUl2 = document.getElementById(
'ul2'
);
var
html=
""
;
for
(
var
i=0;i<data.length;i++){
html +=
"<li>"
+data[i]+
"</li>"
;
}
oUl2.innerHTML=html;
}
</script>
<script type=
"text/javascript"
>
window.onload =
function
(){
var
oBtn = document.getElementById(
"btn"
);
var
oBtn2 = document.getElementById(
"btn2"
);
oBtn.onclick =
function
(){
// 当按钮点击的时候再去加载远程资源,让他执行
var
oScript = document.createElement(
'script'
);
oScript.src =
'test.php?t=num&callback=fn1'
;
document.body.appendChild(oScript);
}
oBtn2.onclick =
function
(){
// 当按钮点击的时候再去加载远程资源,让他执行
var
oScript = document.createElement(
'script'
);
oScript.src =
'test.php?t=str&callback=fn1'
;
document.body.appendChild(oScript);
}
}
</script>