設定二維陣列
|
1 2 3 4 5 6 7 |
// 分類 var $Category = []; $Category[1] = []; $Category[1].push({'id': '3', 'Name': 'bbbb'}); $Category[1].push({'id': '6', 'Name': '3333'}); $Category[2] = []; $Category[7] = []; |
需要注意的是，Javascript 是注重變數型態的語言，所以每一維陣列都必須先宣告。
所以 array.push() 錯誤單純只是沒有宣告型態的關係
--
螢幕、視窗的寬高
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> console.log('document.documentElement.clientWidth: '+document.documentElement.clientWidth); console.log('document.documentElement.clientHeight: '+document.documentElement.clientHeight); console.log('window.screen.width: '+window.screen.width); console.log('window.screen.height: '+window.screen.height); console.log('window.screen.availWidth: '+window.screen.availWidth); console.log('window.screen.availHeight: '+window.screen.availHeight); console.log('window.innerWidth: '+window.innerWidth); console.log('window.innerHeight: '+window.innerHeight); console.log('window.outerWidth: '+window.outerWidth); console.log('window.outerHeight: '+window.outerHeight); </script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
// 螢幕的解析度 window.screen.width: 1280 window.screen.height: 800 // 螢幕可使用尺寸，扣除開始工具列 window.screen.availWidth: 1280 window.screen.availHeight: 760 document.documentElement.clientWidth: 861 document.documentElement.clientHeight: 210 window.innerWidth: 878 window.innerHeight: 210 window.outerWidth: 894 window.outerHeight: 536 |
--
iframe 根據內容高度調整
|
1 |
<iframe id="frameid" src="Content.html" style="width: 99%; margin: 0;border: 0;"></iframe> |
Content.html
|
1 2 3 4 5 6 7 8 |
<head> <script> function reSize(){ parent.document.getElementById("frameid").height=document.body.scrollHeight; } window.onload=reSize; </script> </head> |
--
三元運算元 Conditional (ternary) Operator
|
1 2 3 4 5 6 7 |
var $a = 0; if ( $a == 0 ) { alert('0'); } else { alert('不是 0'); } |
可以使用條件運算元簡化成
|
1 2 |
var $a = 0; ($a==0) ? alert('0') : alert('不是 0') ; |
需要執行多條指令時可以使用 闭包 (Closure)
--
Closures 閉包
|
1 2 3 4 |
(function(){ $("#aaa").val('a'); $("#bbb").val('b'); })() |
--
產生一組 0.00 ~100.00 的隨機數值
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<div> <div id="Data"></div> </div> <script> function getRandomArbitrary(min, max) { return (Math.random() * (max - min) + min).toFixed(2); } setInterval(function(){ $Data = getRandomArbitrary(0, 100); $("#Data").html($Data); }, 1000); </script> |
--
正規表示式
使用在 jQuery Validation Engine 2.6.2 上的一個自定義規則範例
直接編輯 jquery.validationEngine-zh_TW.js 檔案，將規則增加在內
|
1 2 3 4 |
"RuleExec": { 'regex': /^[^\'\"\\\\]+$/, 'alertText': '不允許輸入 \' " \\ 特殊字元 ' } |
增加一個不允許輸入 ' " \ 三個特殊字元的規則
--
5,409 total views, 2 views today