發表文章

目前顯示的是有「HTML」標籤的文章

HTML table to CSV

-
HTML的tabel是一個xml樹狀結構的資料 原則上可以直接對應成一個excel的表單 而HTML(嚴格說起來是JavaScript拉)也有Blob的輸出技術 透過善心人士提供的兩個Library + jQuery就可以直接替table加上下載按鈕了 下面是Demo片段程式碼： 透過table的data-table-to-csv屬性，給他下載檔案名稱 以及thead與tbody欄位來判斷表格的表頭與內文 載入的兩個js檔案就可以直接將這個表格另存成csv檔案下載喔... <table data-table-to-csv="demo.csv"> <thead><tr>...</tr></thead> <tbody> <tr>...</tr> ... </tbody> </table> <!-- 這邊要Import table_to_csv.js , FileSaver.js , jQuery，下面載點提供大家參考 https://github.com/byteweaver/TableToCSV/ table_to_csv.js https://github.com/eligrey/ FileSaver.js -->
閱讀完整內容

手機版網頁檔頭宣告設定

-
手機版網頁檔頭宣告設定 方法一、加在< html >上方： <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" " http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd "> 方法二、加在< title >~ < /title >之間： <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
閱讀完整內容

Get vs Post of HTTP Protocal

-
工作一段時間後，常常忘了最基礎的東西.... 下面引用一段HTTP協定中Get與Post的差異...可以思考一些問題... Form中的get和post方法，在數據傳輸過程中分別對應了HTTP協議中的GET和POST方法。二者主要區別如下： 1、Get是用來從伺服器上獲得數據，而Post是用來向伺服器上傳遞數據。 2、Get將表單中數據的按照variable=value的形式，添加到action所指向的URL後面，並且兩者使用"?"連接，而各個變數之間使用"&"連接；Post是將表單中的數據放在form的數據體中，按照變數和值相對應的方式，傳遞到action所指向URL。 3、Get是不安全的，因為在傳輸過程，數據被放在請求的URL中，而如今現有的很多伺服器、***或者用戶代理都會將請求URL記錄到日誌文件中，然後放在某個地方，這樣就可能會有一些隱私的資訊被第三方看到。另外，用戶也可以在瀏覽器上直接看到提交的數據，一些系統內部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。 4、Get傳輸的數據量小，這主要是因為受URL長度限制；而Post可以傳輸大量的數據，所以在上傳文件只能使用Post（當然還有一個原因，將在後面的提到）。 5、Get限制Form表單的數據集的值必須為ASCII字符；而Post支援整個ISO10646字符集。 6、Get是Form的默認方法。 所以我們在傳送一些内容較少、不涉及安全性相關的内容時可以選擇get方式，否則則必須選用post方式了。倘若是向服務器傳送文件時，則必須採用post方式。 From:  http://fafrei.spaces.live.com/blog/cns!BA7166EED9411B70!931.entry
閱讀完整內容

HTML特殊字元替換

-
Character Entity Decimal Hex Rendering in Your Browser Entity Decimal Hex quotation mark = APL quote &quot; &#34; &#x22; " " " ampersand &amp; &#38; &#x26; & & & less-than sign &lt; &#60; &#x3C; < < < greater-than sign &gt; &#62; &#x3E; > > > Latin capital ligature OE &OElig; &#338; &#x152; Œ Œ Œ Latin small ligature oe &oelig; &#339; &#x153; œ œ œ Latin capital letter S with caron &Scaron; &#352; &#x160; Š Š Š Latin small letter s with caron &scaron; &#353; &#x161; š š š Latin capital letter Y with diaeresis &Yuml; &#376; &#x178; Ÿ Ÿ Ÿ modifier letter circumflex accent &circ; &#710; &#x2C6; ˆ ˆ ˆ small tilde &tilde; &#732; &#x2DC; ˜ ˜ ˜ en space &ensp; &#8194; &#x2002; em space &emsp; &#8195; &#x2003; thin space &thinsp; &#8201; &#x2009; zero width non-...
閱讀完整內容