跳到主要內容

發表文章

HTML Element 使用整理

本篇文章專注於HTML標籤，盡量少提 JavaScript和CSS 一個網頁的格式大致如下： <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title>Index</title>     ... </head> <body>     ...     //元素標籤撰寫處 </body> </html> Doctype標籤宣告html文件版本 在過去會看到各式各樣的宣告，如html4： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 在過去的發展中，HTML有各式各樣的版本，目前最新的為HTML5 在HTML5以後只要使用<!DOCTYPE html>就能宣告為網頁文件 以後的版本也只要這樣即可，而且這個標籤能相容於舊瀏覽器 <meta> 元素包含在<head>元素內，紀錄網頁的相關資訊 這些資訊並非記載給使用者看，而是提供給搜尋引擎 使用上透過name屬性標註網頁特性，content屬性則記錄特性值，能設定的大致如下： <meta name="description" content="test page" /> description描述網頁特性給搜尋引擎，最多能用155字元 <meta name="keywords" content="test,html" /> keywords包含了使用者可能用來搜尋此網頁的字詞清單，使用","分隔 目前對搜尋引擎的索引效果已經不大了 <meta name="robots" content="nofollow" /> robo...
張貼留言
閱讀完整內容

範例 - JavaScript 替換瀏覽器預設滑鼠右鍵選單

這次實作的功能是要替換瀏覽器在網頁被點擊滑鼠右鍵時跳出的選單 改成跳出自製的選單 滑鼠的一個點擊(click)就會引發3個事件 點擊滑鼠左鍵的話，依序是 onmousedown -> onmouseup -> onclick 如果按下的是滑鼠右鍵，則依序是 onmousedown -> onmouseup -> oncontextmenu 瀏覽器的預設右鍵選單通常在執行 oncontextmenu 前就會先出現(display) 所以我們就必須在 onmousedown or onmouseup 時事先處理 oncontextmenu 事件 在 firefox 18.0.1 時會發現其在 oncontextmenu 時處理的頁面狀態與點擊發生前相同 所以要對應 firefox 的跨瀏覽器處理，還要注意oncontextmenu事件是否使用前面事件的物件 實作程式碼如下：
張貼留言
閱讀完整內容

在table裡使用套用overflow屬性

要在 table 中使 overflow 生效，需多做一些CSS設定 對table設置 table-layout:fixed; 然後在要設定此屬性的 table element(如td)裡再設置以下CSS屬性 white-space:nowrap;      /* 避免折行，雖然在部分瀏覽器中不加這行也可以 */ overflow:hidden;     /* 或者是讓它自動出現scroll，overflow:auto; */
張貼留言
閱讀完整內容

取消 IE 針對Ajax的 Cache 處理法

參考文章： AJAX XMLHttpRequest cache IE上不會重新request                      AJAX – IE 會 cache 住回傳的結果 前情提要： 發現在IE會遇到沒辦法透過Ajax進行資料更新 後來發現原因是 IE 會自動 cache GET方式取得的Ajax資料，而導致IE直接不發送 request
1 則留言
閱讀完整內容

Java 零碎知識筆記

1.Arrays.copyof(arg1, arg2)是一種淺層複製(shallow copy)的方法    參數1是欲複製的陣列，參數2則是新陣列的長度    因為JVM不會知道Array裡的物件到底有哪些類別及那些屬性    所以若想進行深層複製，則需要自己實作 2.引用static方法的宣告方式需要完全指名路徑，如：import java.lang.System.out 3.Java的繼承原理是即使是private宣告的成員也會被繼承   但僅有父類別的方法能存取它 4.重新定義equals()的範例    public class Cat{        public  boolean equals(Object other){         if(this == other){            return true;         //參考指向同一物件當然是相同 } if(!(Other instanceof Cat)){            return false;       //如果不由相同類別宣告自然不會相同 } Cat cat = (Cat) other; if(...){                 //以下開始比較Cat類別中的類別成員值是否相同            ....         }        }    }
張貼留言
閱讀完整內容