JS實現(xiàn)textarea顯示記事本文件的內(nèi)容

2012/11/11 12:23:53作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

【實例描述】

使用JavaScript的行為組件可以輕松實現(xiàn)界面與文本文件的交互。本例學(xué)習(xí)如何調(diào)用這些行為組件。

【實例代碼】

<HTML XMLNS:IE> 
<head>
<title>標(biāo)題頁-學(xué)無憂（www.denvermotorcycleaccidentlawyer.com）</title>
</head>
<body>
<SCRIPT> 
function onDownloadDone(s) {  
    content.value=s;                    //設(shè)置文本框的內(nèi)容
} 
</SCRIPT> 
<textarea name="content" cols=30 rows=20></textarea> 
<div ID="oDownload" STYLE="behavior:url(#default#download)" /> 
<input type=file name='myfile'>
<input type=button value="打開" 
onclick="oDownload.startDownload(myfile.value,onDownloadDone)"> 
</body>
</html>

【運行效果】

textarea顯示記事本文件的內(nèi)容運行效果

【難點剖析】

本例的重點是“download”行為。行為可以在樣式表中定義后使用“class”調(diào)用，也可以在標(biāo)簽中直接使用“style”屬性來定義。定義行為時與其所在的標(biāo)簽幾乎沒有
任何關(guān)系?！癲ownload”行為中有個“startDownload”方法．用來下載指定的文件。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點擊：textarea顯示記事本文件的內(nèi)容進行本實例源碼下載

標(biāo)簽： JS實現(xiàn) 文件內(nèi)容