PIXNET Logo登入

程式開發學習之路

跳到主文

本站 程式開發教學學習交流,主要提高開發程式效率同時分享一些開發程式經驗。

深入探討開發程式體驗等技術和教學,相關技術等學習交流: 語言(Languages)及框架(Framework): Java、 JSP/Tag/JSTL/Servlet、 Grails、 jQuery、 JavaScript、 Spring、 SpringMVC、 SpringSecurity、 Hibernate、 Struts、 PHP、 C/C++、 GoogleAppEngine、 HTML5/CSS3、 Android、 Xml、 Ajax、 Json、 Ant、 UML、 ShellScripts、 AngularJS等。
工具(Software)/環境(Environment): Windows7、 Eclipse、 Linux、 Subversion、 maven、 Tomcat、 Weblogic、 Jboss、 Apache 等。
資料庫(Database): MySQL、 Oracle SQL、 PostgerSQL、 SQL Server 等。
本站內容僅供分享學習交流之用,將不對任何資源負法律責任。如有侵犯您的版權,請來信或留言給我們,我們將盡快為您處理。

部落格全站分類:職場甘苦

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 4月 19 週六 201422:18
  • JavaScript-其它類練習-找出1到10的奇數偶數


說明:

練習for 的用法
if的用法
求餘數的用法
奇數 的數字除以2會餘1
偶數 的數字除以2會餘0

程式:
<script type="text/javascript">
for (i = 1; i <= 10; i++) {
document.write("目前數字為:"+i);
if((i % 2)==0){
document.write(" 為偶數<br>");
}else{
document.write(" 為奇數<br>");
}
}
</script>

結果:
(繼續閱讀...)
文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣(3,663)

  • 個人分類:JavaScript-其它類
▲top
  • 4月 01 週二 201407:13
  • JavaScript判斷瀏覽器(Browser)類型


可以決解的相關問題:
判斷瀏覽器(Browser)類型、判斷是否為IE的瀏覽器、無法判斷瀏覽器IE 11

程式碼:
<html>
<head>
<title>[JavaScript]判斷瀏覽器類型</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
</head>
<body>
<script type ="text/javascript">
function detectBrowser(){
var sAgent = navigator.userAgent.toLowerCase();
this.isIE6 = (sAgent.indexOf("msie 6.0")!=-1 );
this.isIE7 = (sAgent.indexOf("msie 7.0")!=-1 );
this.isIE8 = (sAgent.indexOf("msie 8.0")!=-1 );
this.isIE9 = (sAgent.indexOf("msie 9.0")!=-1 );
this.isIE10 = (sAgent.indexOf("msie 10.0")!=-1 );
this.isIE11 = (sAgent.indexOf("gecko")!=-1 );
this.isIE = (sAgent.indexOf("msie")!=-1); //IE6.0-7
this.isFF = (sAgent.indexOf("firefox")!=-1);//firefox
this.isSa = (sAgent.indexOf("safari")!=-1);//safari
this.isOp = (sAgent.indexOf("opera")!=-1);//opera
this.isNN = (sAgent.indexOf("netscape")!=-1);//netscape
this.isCh = (sAgent.indexOf("chrome")!=-1);//chrome
this.isMa = this.isIE;//marthon
this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);//unknown Browser
}
var oBrowser = new detectBrowser();

if (oBrowser.isIE6) {
alert("IE 6");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isIE7) {
alert("IE 7");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isIE8) {
alert("IE 8");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isIE9) {
alert("IE 9");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isIE10) {
alert("IE 10");//這裡可以修改你要顯示的訊息 及 處理事情
}
if(oBrowser.isIE11){
alert("IE 11");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isSa && !oBrowser.isCh) {
alert("Safari.");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isOp) {
alert("Opera.");//這裡可以修改你要顯示的訊息 及 處理事情
}
if (oBrowser.isCh && oBrowser.isSa) {
alert("Chrom.");//這裡可以修改你要顯示的訊息 及 處理事情
}
if(oBrowser.isFF) {
alert("FireFox.");//這裡可以修改你要顯示的訊息 及 處理事情
}
</script>
</body>
</html>

結果:
(繼續閱讀...)
文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣(1,759)

  • 個人分類:JavaScript-其它類
▲top
  • 10月 19 週六 201310:23
  • JavaScript過濾特別的字元




過濾特別的字元,使用Regular Expression (RegExp) in JavaScript


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Regular Test</title>
<script type="text/javascript">
function filterChar(pNameStr,pReplaceStr){
// ======================================================================================='
// 功能說明: 過濾特別的字元,使用Regular Expression (RegExp) in JavaScript
//預設改為字元為 "" 無字元
//          這些逃脫字元有:  -[]/{}()*+=?.,\\^$|~#%&'"\!@;:<>_`
//          有過濾空白
// Regular code: /[\ \-\[\]\/\{\}\(\)\*\+\=\?\.\,\\\^\$\|\~\#\%\&\'\"\!\@\;\:\<\>\_\`]/g
// 傳入參數:
//       pNameStr : 要過濾的來源字串'
//pReplaceStr : 要取代為什麼字元。
// 傳回參數:
//         Error : Return false
// Success : Return 過濾完成的字串。
//
// 用法: filterChar("abc123 ~!@#$%^&*(){}[]`/=?+\|-_;:'\",<.> 123654"))
//filterChar("abc123 ~!@#$%^&*(){}[]`/=?+\|-_;:'\",<.> 123654","_"))
//
// Referring: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/regexp
//
// author levin
// 日期:2013/04/22
// ====================================================================================='

 var specials = [
 " "
       , "-"
       , "["
       , "]"
       , "/"
       , "{"
       , "}"
       , "("
       , ")"
       , "*"
       , "+"
       , "="
       , "?"
       , "."
       , ","
       , "\\"
       , "^"
       , "$"
       , "|"
       , "~"
       , "#"
       , "%"
       , "&"
       , "'"
       , "\""
       , "!"
       , "@"
       , ";"
       , ":"
       , "<"
       , ">"
       , "_"
       , "`"
     ];
   var regex = RegExp('[' + specials.join('\\') + ']', 'g');
 var replaceStr = "";
if(null != pReplaceStr){
replaceStr = pReplaceStr;
};
var str = pNameStr;
str = str.replace(regex,replaceStr);
return str;
}
</script>
</head>
<body>
<label for="name">測試過瀘的資料,輸入資料:</label>
<input name="replaceData" id="replaceData" type="text" value="" />
<button onclick="document.getElementById('return').innerHTML=filterChar(document.getElementById('replaceData').value)">過瀘</button>
<p id="return"></p>
</body>
</html>


(繼續閱讀...)
文章標籤

PG Levin Li 發表在 痞客邦 留言(0) 人氣(410)

  • 個人分類:JavaScript-其它類
▲top
1

廣告

B 組廣告版面

個人資訊

PG Levin Li
暱稱:
PG Levin Li
分類:
職場甘苦
好友:
累積中
地區:

熱門文章

  • (37,224)Oracle SQL DECODE用法教學
  • (20,972)JavaScript 基本類 使用onClick 及 this取得id
  • (14,872)Oracle SQL INSERT INTO TABLE 基本用法
  • (8,966)Oracle SQL to_date的用法
  • (5,110)Oracle SQL AVG GROUP BY 用法教學
  • (5,100)PostgreSQL pgAdmin III 設定中文介面
  • (4,002)Oracle SQL minus 用法教學
  • (677)Oracle SQL next_day用法教學
  • (267)Oracle SQL SOME的用法教學
  • (255)Oracle SQL nonequal join 不對等join

文章分類

toggle ZK (1)
  • ZK (2)
toggle SQLite (2)
  • SQLite for Java (11)
  • SQLite (2)
toggle Java (19)
  • Servlet (4)
  • JAVA-綀習分享 (3)
  • JAVA 7 (1)
  • JAVA-流程控制類 (10)
  • JAVA_IDE (2)
  • JAVA_其它_itext套件 (1)
  • JAVA-WEB (1)
  • JAVA-lang套件 (16)
  • java mail (1)
  • JAVA-OCJP (1)
  • JAVA-問題 (2)
  • JAVA_IO (1)
  • JAVA-OCWCD (7)
  • Joda Time (1)
  • JAVA-程式分享 (4)
  • JAVA.util套件 (6)
  • JAVA-基本類 (19)
  • JAVA (4)
  • JAVA其它 (1)
toggle Android (4)
  • Android NDK (3)
  • Android Studio (7)
  • Android基本類 (2)
  • Android (7)
toggle SSH (12)
  • Struts 2 (1)
  • Spring Mobile (3)
  • Hibernate-基本類 (3)
  • Spring MVC (3)
  • grails-其它類 (1)
  • Spring i18n (2)
  • grails-基本類 (13)
  • Spring Batch (2)
  • SpringHibernate (5)
  • Spring-基本類 (4)
  • Spring (3)
  • Spring AOP (2)
toggle Oracle (10)
  • Oracle join (14)
  • sqldeveloper (9)
  • Oracle_VirtualBox (1)
  • Oracle DDL (4)
  • Oracle Date (17)
  • Oracle (5)
  • Oracle Sub Query (17)
  • Oracle GROUP BY (20)
  • Oracle SQL (49)
  • Oracle DB (16)
toggle SQL Server/MSSQL (1)
  • SQL Server (1)
toggle MySQL (8)
  • MySQL (7)
  • MySQL-語法快速查詢 (2)
  • MySQL-基本系列教學 (10)
  • MySQL-其它類 (1)
  • MySQL-進階系列教學 (15)
  • MySQL-DATE相關 (8)
  • MySQL-函式相關 (11)
  • MySQL DB Toad (9)
toggle PostgreSQL (1)
  • PostgreSQL (5)
toggle Tool (11)
  • TortoiseSVN (1)
  • Subversive (1)
  • Dev-C++ (4)
  • Squid (3)
  • UML (1)
  • Eclipse IDE for C/C++ (3)
  • Tool (1)
  • eclipse (13)
  • Jboss (1)
  • JBoss-問題 (2)
  • SWT (1)
toggle C/C++ (5)
  • c語言綀習題 (2)
  • c/c++ (2)
  • c (4)
  • c++ (2)
  • MinGw (6)
toggle Apache (9)
  • Apache_Tomcat (3)
  • Apache_JMeter (1)
  • Apache套件_BeanUtils (1)
  • Apache套件_StringUtils (1)
  • Apache套件_POI (5)
  • maven (3)
  • Apache (2)
  • apache_Maven (2)
  • Tomcat 8 (2)
toggle jQuery (8)
  • jQuery UI (1)
  • jQuery Datepicker (26)
  • jQuery-事件處理 (2)
  • jQuery-套件類 (3)
  • jQuery-基本類 (3)
  • jQuery-進階 (1)
  • jQuery Mobile (2)
  • jQuery-Selector (11)
toggle JavaScript (8)
  • JavaScript-基本類 (20)
  • JavaScript (14)
  • JavaScript-Date物件 (5)
  • JavaScript-其它類 (3)
  • JavaScript-陣列類 (7)
  • JavaScript HTML DOM (37)
  • JavaScript-String類 (8)
  • JavaScript-數學類 (6)
toggle Web/HTML/CSS/JS/JQ (6)
  • css-基本類 (18)
  • CSS (4)
  • CSS2 (2)
  • CSS3 (1)
  • CSS Selector (42)
  • HTML5 (3)
toggle 其它 (6)
  • 生活其它 (3)
  • PHP (11)
  • 其它類 (3)
  • 基本資訊 (3)
  • 開發資訊 (1)
  • 圖片工具 (1)
toggle Win/OS/linux (4)
  • Linux_其它 (1)
  • Linux (14)
  • Windows (3)
  • WIN7-基本類 (14)
toggle 生活點點 (1)
  • 生活新聞 (29)
  • 未分類文章 (1)

最新文章

  • 生機生技引進營養製劑 產品廣獲好評
  • 【芋頭鮮奶盲測】超狂給料像拌水泥 強者迷客夏輸了
  • 口碑行銷、網紅行銷當道 品牌企業合作首選 達摩媒體BloggerAds
  • 想知道最夯時事分析?邀請你加入BloggerAds市場調查!
  • 日本FSK隔熱紙-居家隔熱、防曬、節能好幫手
  • AROFLY開箱實測、從退貨評價到獲取消費者認同!
  • 五個健康理由讓您考慮吃「有機食品」
  • 美食推薦 新北泰山 霸王櫻桃鴨 聚餐聊天好去處
  • 一心好文,農藥最後會流到這裡
  • 360°康健指數打破生活迷思,掌握美好生活的妙招

最新留言

  • [14/04/11] 匿名 於文章「[Android]Android系統調用...」留言:
    多謝分享,對我有幫助。...
  • [14/02/24] Levin Li 於文章「[JAVA]String-取出字串某個位...」留言:
    使用 subSequence(起始位置,結束位置); Str...
  • [14/02/22] JHANG allen 於文章「[JAVA]String-取出字串某個位...」留言:
    如果我有一串數字1234567890abcdefghihk ...
  • [13/08/19] 洪甫 於文章「[JAVA]OCJP(SCJP)免費的考...」留言:
    太感謝了 我終於看到中文版了!!...
  • [13/06/23] Levin Li 於文章「[Apache_Tomcat] Tomc...」留言:
    (^^) 我不懂你說的「不會過」,是何事 不會過????...
  • [13/06/22] 丁丁 於文章「[Apache_Tomcat] Tomc...」留言:
    第6點有問題,在我的電腦上, rolename和roles填...
  • [13/05/17] 歐兆傑 於文章「強大的JQuery圖表套件...」留言:
    當時我所用的是IE9,是可呈現的,請問你版本是?...
  • [13/05/16] 王暉鈞 於文章「強大的JQuery圖表套件...」留言:
    請問大大,如何能讓此在IE上呈現?...

動態訂閱

文章精選

文章搜尋

參觀人氣

  • 本日人氣:
  • 累積人氣:

C 組廣告版面

留言板