嚴(yán)格來說應(yīng)該是js,建議使用jq框架
創(chuàng)新互聯(lián)建站企業(yè)建站,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),專注于網(wǎng)站建設(shè)技術(shù),精于網(wǎng)頁設(shè)計(jì),有多年建站和網(wǎng)站代運(yùn)營經(jīng)驗(yàn),設(shè)計(jì)師為客戶打造網(wǎng)絡(luò)企業(yè)風(fēng)格,提供周到的建站售前咨詢和貼心的售后服務(wù)。對(duì)于成都做網(wǎng)站、成都網(wǎng)站建設(shè)中不同領(lǐng)域進(jìn)行深入了解和探索,創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶行業(yè)的需求,以靈動(dòng)的思維在網(wǎng)頁中充分展現(xiàn),通過對(duì)客戶行業(yè)精準(zhǔn)市場(chǎng)調(diào)研,為客戶提供的解決方案。
$(selector).getJSON(url,data,success(data,status,xhr))
參數(shù)描述
url ? ?必需。規(guī)定將請(qǐng)求發(fā)送到哪個(gè) URL。 ?
data ? ?可選。規(guī)定發(fā)送到服務(wù)器的數(shù)據(jù)。 ?
success(data,status,xhr) ? ?可選。規(guī)定當(dāng)請(qǐng)求成功時(shí)運(yùn)行的函數(shù)。
額外的參數(shù):
data?- 包含從服務(wù)器返回的數(shù)據(jù)
status?- 包含請(qǐng)求的狀態(tài)("success"、"notmodified"、"error"、"timeout"、"parsererror")
xhr?- 包含 XMLHttpRequest 對(duì)象
demo_ajax_json文件:
{
"firstName": "Bill",
"lastName": "Gates",
"age": 60
}
$.getJSON("demo_ajax_json.js",function(result){
$.each(result, function(i, field){
$("div").append(field + " ");
});
});
執(zhí)行函數(shù)后,輸出結(jié)果 Bill?Gates?60
在HTML5里,從Web網(wǎng)頁上訪問本地文件系統(tǒng)變的十分的簡單,那就是使用File API。這個(gè)File規(guī)范說明里提供了一個(gè)API來表現(xiàn)Web應(yīng)用里的文件對(duì)象,你可以通過編程來選擇它們,訪問它們的信息。這個(gè)File API包括:
一個(gè)FileList序列,代表著由本地系統(tǒng)里選中的單個(gè)的文件組成的數(shù)組。用來選擇文件的用戶接口可以通過input type=”file”調(diào)用實(shí)現(xiàn)。
一個(gè)Blob接口,它代表原始二進(jìn)制數(shù)據(jù),通過Blob對(duì)象你可以訪問里面的字節(jié)數(shù)據(jù)。
一個(gè)File接口,它里面存有文件的只讀屬性信息,像文件名,文件類型,文件數(shù)據(jù)訪問的地址。
一個(gè)FileReader接口,它提供了讀取一個(gè)文件的方法,和一個(gè)獲取文件讀取結(jié)果的事件模型。
一個(gè)FileError接口和一個(gè)FileException對(duì)象,它們用來定義這個(gè)規(guī)范中的錯(cuò)誤產(chǎn)生條件。
如何使用這個(gè)例子:在這個(gè)例子中,我給出了一個(gè)畫板,你可以從本地文件系統(tǒng)里拖拽進(jìn)去一個(gè)圖片,或者你也可以用文件選擇框來選擇圖片。例子中,請(qǐng)只選擇圖片文件,我并沒有添加文件過濾和文件類型檢查。請(qǐng)記住,沒有一個(gè)瀏覽器完全實(shí)現(xiàn)了HTML5,這個(gè)例子需要在支持HTML5的瀏覽器上運(yùn)行,比如Firefox3.5以上。?
實(shí)現(xiàn)File API的主要方法非常的簡單,就像下面:
function?imagesSelected(myFiles)?{?
for?(var?i?=?0,?f;?f?=?myFiles[i];?i++)?{?
var?imageReader?=?new?FileReader();?
imageReader.onload?=?(function(aFile)?{?
return?function(e)?{?
var?span?=?document.createElement(‘span‘);?
span.innerHTML?=?['img?class="images"?src="',?e.target.result,'"?title="',?aFile.name,?'"/'].join(”);?
document.getElementById(‘thumbs’).insertBefore(span,?null);?
};?
})(f);?
imageReader.readAsDataURL(f);?
}?
}?
function?dropIt(e)?{?
imagesSelected(e.dataTransfer.files);?
e.stopPropagation();?
e.preventDefault();?
}
選擇在td上放置ondrop事件:
td?align=”left”?height=”105″?ondragenter=”return?false”?ondragover=”return?false”?ondrop=”dropIt(event)”?
output?id=”thumbs”/output?
/td
html通過file獲取文件路徑方法:
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
結(jié)果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
獲取當(dāng)前類的所在工程路徑;
如果不加“/”
File f = new File(this.getClass().getResource("").getPath());
System.out.println(f);
結(jié)果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin\com\test
獲取當(dāng)前類的絕對(duì)路徑;
html5
html5是指萬維網(wǎng)的核心語言、 標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用?超文本標(biāo)記語言( HTML)的第五次重大修改(這是一項(xiàng)推薦標(biāo)準(zhǔn)、外語原文:?W3C?Recommendation、見本處 參考資料原文內(nèi)容:? )2014年10月29日,?萬維網(wǎng)聯(lián)盟宣布,經(jīng)過接近8年的艱苦努力,該標(biāo)準(zhǔn)規(guī)范終于制定完成。
HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。新的語法特征被引進(jìn)以支持這一點(diǎn),如video、audio和canvas 標(biāo)記。HTML5還引進(jìn)了新的功能,可以真正改變用戶與文檔的交互方式,包括新的解析規(guī)則增強(qiáng)了靈活性、新屬性、淘汰過時(shí)的或冗余的屬性等。
標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用 HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后,后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣,為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展,一些公司聯(lián)合起來,成立了一個(gè)叫做 Web Hypertext Application Technology Working Group (Web?超文本應(yīng)用技術(shù)工作組 - WHATWG) 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序,而 W3C(World Wide Web Consortium, 萬維網(wǎng)聯(lián)盟) 專注于 XHTML2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來創(chuàng)建一個(gè)新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團(tuán)隊(duì)。