不使用XMLHttpRequest實現(xiàn)異步加載 Iframe和script
更新時間：2012年10月29日 13:37:51 作者：
運用Iframe和script可以實現(xià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：是可以運行的js代碼
$("#result").html("Scripts/scriptD.js");
復制代碼 代碼如下:
<!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：是可以運行的js代碼
$("#result").html("Scripts/scriptD.js");
相關(guān)文章
下面小編就為大家?guī)硪黄狫S選取DOM元素的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)九宮格布局效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要介紹了JS正則表達式常見函數(shù)與用法,結(jié)合實例形式分析了JS正則表達式基本功能、常見函數(shù)與相關(guān)使用技巧,需要的朋友可以參考下2020-04-04
JS+CSS實現(xiàn)經(jīng)典的左側(cè)豎向滑動菜單效果
這篇文章主要介紹了JS+CSS實現(xiàn)經(jīng)典的左側(cè)豎向滑動菜單效果,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請求接口封裝，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了js+canvas實現(xiàn)滑動拼圖驗證碼功能，本文結(jié)合實例代碼分步驟給大家介紹的非常詳細,需要的朋友可以參考下2018-03-03
按位非運算符，簡單的理解就是改變運算數(shù)的符號并減去1，當然，這是只是簡單的理解能轉(zhuǎn)換成number類型的數(shù)據(jù)2011-07-07
js和jQuery以及easyui實現(xiàn)對下拉框的指定賦值方法
下面小編就為大家分享一篇js和jQuery以及easyui實現(xiàn)對下拉框的指定賦值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表)，需要的朋友可以參考下。2010-12-12
將#ffffff轉(zhuǎn)換成rgb(0,0,0)格式的顏色代碼，需要的朋友可以參考下。2010-03-03