異步加載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>
相關文章
單元測試框架Jest搭配TypeScript的安裝與配置方式
這篇文章主要介紹了單元測試框架Jest搭配TypeScript的安裝與配置方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-01-01js動態(tài)修改input輸入框的type屬性(實現(xiàn)方法解析)
本文是對js動態(tài)修改input輸入框的type屬性的實現(xiàn)方法。進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11JavaScript自定義Promise實現(xiàn)流程
現(xiàn)在網上有非常多的Promise文章,但都是給你一堆代碼,或者某些核心代碼,讓你看完之后感覺,嗯,很厲害,但還是不知所云,不知其所以然。那么本文真正從一個小白開始帶你深入淺出,一步一步實現(xiàn)自己的?Promise,這種自己造輪子的過程一定是進步最快的過程,快上車開始吧2022-10-10JS實現(xiàn)至少包含字母、大小寫數(shù)字、字符的密碼等級的兩種方法
這篇文章主要介紹了JS實現(xiàn)至少包含字母、大小寫數(shù)字、字符的密碼等級的兩種方法,可實現(xiàn)有效檢測用戶密碼等級的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02javascript foreach中如何獲取數(shù)組下標/index
這篇文章主要介紹了javascript foreach中如何獲取數(shù)組下標/index問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-07-07