不使用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");
復(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：是可以運行的js代碼
$("#result").html("Scripts/scriptD.js");
相關(guān)文章
用javascript獲得地址欄參數(shù)的兩種方法...2006-11-11
這篇文章主要介紹了JavaScript動態(tài)加載重復(fù)綁定問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-04-04
js匿名函數(shù)的調(diào)用示例(形式多種多樣)
匿名函數(shù)就是沒有實際名字的函數(shù)，javaScript的匿名函數(shù)形式多樣，下面就一一為大家羅列出來2014-08-08
webpack4 配置 ssr 環(huán)境遇到“document is not defined”
這篇文章主要介紹了webpack4 配置 ssr 環(huán)境遇到“document is not defined”，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
JS動態(tài)修改表格cellPadding和cellSpacing的方法
這篇文章主要介紹了JS動態(tài)修改表格cellPadding和cellSpacing的方法,涉及javascript操作cellPadding和cellSpacing屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法
這篇文章主要介紹了javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
電影院選座基本上每個人都用到過，本文主要介紹了JS實現(xiàn)電影票選座的項目示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
這篇文章主要以示例的方式為大家介紹下js如何動態(tài)創(chuàng)建標簽,需要的朋友可以參考下2014-06-06
javascript移出節(jié)點removeChild()使用介紹
這篇文章主要介紹了javascript節(jié)點操作移出節(jié)點removeChild()的使用,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了Select下拉框模糊查詢功能實現(xiàn)代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07