不使用XMLHttpRequest實(shí)現(xiàn)異步加載 Iframe和script
更新時(shí)間：2012年10月29日 13:37:51 作者：
運(yùn)用Iframe和script可以實(shí)現(xiàn)簡(jiǎn)單的異步加載,沒有使用XMLHttpRequest，需要的朋友可以參考下
調(diào)用頁面如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script id="javascriptq" type="text/javascript"></script>
</head>
<body>
<input type="button" onclick="MoniAjax1();" id="btn" value="iframe" />
<input type="button" onclick="MoniAjax2();" id="script" value="script" />
<iframe id="iframe1" src=""></iframe>
<div id="result"></div>
</body>
</html>
<script type="text/javascript">
function MoniAjax1() {
$("#iframe1").attr("src", "iframeD.htm");
}
function MoniAjax2() {
$("#javascriptq").attr("src", "Scripts/scriptD.js");
}
</script>
iframeD.htm：是字符串就可以了
iframeD.htm
scriptD.js：是可以運(yùn)行的js代碼
$("#result").html("Scripts/scriptD.js");
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script id="javascriptq" type="text/javascript"></script>
</head>
<body>
<input type="button" onclick="MoniAjax1();" id="btn" value="iframe" />
<input type="button" onclick="MoniAjax2();" id="script" value="script" />
<iframe id="iframe1" src=""></iframe>
<div id="result"></div>
</body>
</html>
<script type="text/javascript">
function MoniAjax1() {
$("#iframe1").attr("src", "iframeD.htm");
}
function MoniAjax2() {
$("#javascriptq").attr("src", "Scripts/scriptD.js");
}
</script>
iframeD.htm：是字符串就可以了
iframeD.htm
scriptD.js：是可以運(yùn)行的js代碼
$("#result").html("Scripts/scriptD.js");
相關(guān)文章
用javascript獲得地址欄參數(shù)的兩種方法...2006-11-11
JavaScript動(dòng)態(tài)加載重復(fù)綁定問題
這篇文章主要介紹了JavaScript動(dòng)態(tài)加載重復(fù)綁定問題,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-04-04
js匿名函數(shù)的調(diào)用示例(形式多種多樣)
匿名函數(shù)就是沒有實(shí)際名字的函數(shù)，javaScript的匿名函數(shù)形式多樣，下面就一一為大家羅列出來2014-08-08
webpack4 配置 ssr 環(huán)境遇到“document is not defined”
這篇文章主要介紹了webpack4 配置 ssr 環(huán)境遇到“document is not defined”，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
JS動(dòng)態(tài)修改表格cellPadding和cellSpacing的方法
這篇文章主要介紹了JS動(dòng)態(tài)修改表格cellPadding和cellSpacing的方法,涉及javascript操作cellPadding和cellSpacing屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法
這篇文章主要介紹了javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
JS實(shí)現(xiàn)電影票選座的項(xiàng)目示例
電影院選座基本上每個(gè)人都用到過，本文主要介紹了JS實(shí)現(xiàn)電影票選座的項(xiàng)目示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
js動(dòng)態(tài)創(chuàng)建標(biāo)簽示例代碼
這篇文章主要以示例的方式為大家介紹下js如何動(dòng)態(tài)創(chuàng)建標(biāo)簽,需要的朋友可以參考下2014-06-06
javascript移出節(jié)點(diǎn)removeChild()使用介紹
這篇文章主要介紹了javascript節(jié)點(diǎn)操作移出節(jié)點(diǎn)removeChild()的使用,需要的朋友可以參考下2014-04-04
Select下拉框模糊查詢功能實(shí)現(xiàn)代碼
這篇文章主要介紹了Select下拉框模糊查詢功能實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07