異步加載script的代碼
更新時間：2011年01月12日 22:22:20 作者：
通過異步請求另一頁面的script 是不執(zhí)行的，只返回html 原文件，因為返回的文本沒有經過瀏覽器的解析執(zhí)行。
通過iframe 異步加載script
通過異步請求另一頁面的script 是不執(zhí)行的，只返回html 原文件，因為返回的文本沒有經過瀏覽器的解析執(zhí)行。
看代碼
a1.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標題頁</title>
</head>
<script type="text/javascript">
function testClick()
{
document.getElementById("tsrc").src="a2.html"
}
</script>
<body>
<div style="display:none"><iframe id="tsrc"></iframe></div>
<input id="Button1" type="button" value="異步加載script" onclick="testClick()"/>
</body>
</html>
a2.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標題頁</title>
</head>
<body>
<script>
alert('我是異步script');
</script>
</body>
</html>
通過異步請求另一頁面的script 是不執(zhí)行的，只返回html 原文件，因為返回的文本沒有經過瀏覽器的解析執(zhí)行。
看代碼
a1.html
復制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標題頁</title>
</head>
<script type="text/javascript">
function testClick()
{
document.getElementById("tsrc").src="a2.html"
}
</script>
<body>
<div style="display:none"><iframe id="tsrc"></iframe></div>
<input id="Button1" type="button" value="異步加載script" onclick="testClick()"/>
</body>
</html>
a2.html
復制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標題頁</title>
</head>
<body>
<script>
alert('我是異步script');
</script>
</body>
</html>
相關文章
ajax現(xiàn)在是一種非常流行的技術，現(xiàn)在雖然可以利用JQuery或者一些第三方插件甚至微軟提供的一些控件可以方面的實現(xiàn)ajax功能，但是明白其原理也是非常重要的，下面是來使用純javascript實現(xiàn)獲取服務器端的功能來展示如何使用純javascript實現(xiàn)ajax功能，以弄清其原理.2017-11-11
這篇文章主要介紹了JavaScript表單焦點自動切換代碼的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了微信小程序 如何獲取網絡狀態(tài),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
本文主要介紹了用JS寫了一個30分鐘倒計時器的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
單元測試框架Jest搭配TypeScript的安裝與配置方式
這篇文章主要介紹了單元測試框架Jest搭配TypeScript的安裝與配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
js動態(tài)修改input輸入框的type屬性(實現(xiàn)方法解析)
本文是對js動態(tài)修改input輸入框的type屬性的實現(xiàn)方法。進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JavaScript自定義Promise實現(xiàn)流程
現(xiàn)在網上有非常多的Promise文章，但都是給你一堆代碼，或者某些核心代碼，讓你看完之后感覺，嗯，很厲害，但還是不知所云，不知其所以然。那么本文真正從一個小白開始帶你深入淺出，一步一步實現(xiàn)自己的?Promise，這種自己造輪子的過程一定是進步最快的過程，快上車開始吧2022-10-10
JS實現(xiàn)至少包含字母、大小寫數(shù)字、字符的密碼等級的兩種方法
這篇文章主要介紹了JS實現(xiàn)至少包含字母、大小寫數(shù)字、字符的密碼等級的兩種方法,可實現(xiàn)有效檢測用戶密碼等級的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
javascript foreach中如何獲取數(shù)組下標/index
這篇文章主要介紹了javascript foreach中如何獲取數(shù)組下標/index問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了JS實現(xiàn)按比例縮放圖片的方法,結合實例形式較為詳細的分析了JavaScript實現(xiàn)等比例縮放圖片的原理與具體實現(xiàn)技巧,并附上C#版的圖片縮放代碼做對比參考,需要的朋友可以參考下2015-12-12