ajax載入html檔案

2021-08-20 12:37:05 字數 998 閱讀 2928

受到單頁面應用的觸發,想著傳統的jquery能不能實現這樣乙個應用,然後在ajax這裡發現了新大陸(請原諒我的無知)

分析

載入乙個html的話是可以分為載入其中某個塊(div)和載入整個頁面,而不管載入其中任何一種都是需要本頁面的乙個塊(div)來進行載入展示。載入的方法可以是$(ajax{})方法也可以是$('#div').load()方法,下面為大家演示一下

實操index.html

text.html

ss

1122

預期效果

index.html (load方法和$(ajax)效果一致)

1、載入整個頁面

這裡可以看到整個test.html的內容都被載入了,並且js也執行成功了

2、載入部分內容

這裡呢可以看到只是載入了text.html的內容,js部分並不會被載入

ajax動態載入html模組

在開發網頁的工作中,我們會經常遇到乙個事情,多個頁面的某乙個或某幾個部分是相同的,如何復用這些部分從而節省開發時間呢,在asp,jsp開發中就有引用模組的概念,現在我們來利用ajax實現模組引用,請看一段html 假設這是公共的部分,很多頁面都會引用這部分 我們可以將公共部分用乙個在html中沒有的...

載入本地Html檔案

uiwebview webview uiwebview alloc initwithframe cgrectmake 0,0,320,480 autorelease nsstring htmlpath nsbundle quartz2d.html htmlpath htmlpath stringby...

載入本地HTML檔案

當我們載入乙個本地html檔案的時候,乙個資料夾裡還有css js image檔案,所以單獨載入乙個html檔案會沒有,只有文字,解決方案如下 載入部分 nsstring pathstr nsbundle mainbundle pathforresource go live oftype html ...