DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> MooTools教程(9):輸入過濾-字符串
MooTools教程(9):輸入過濾-字符串
編輯:關於JavaScript     

今天我們來看一看MooTools給我們提供的額外的一些處理字符函數。這只是MooTools字符串處理中的一部分,並不包含一些神秘的函數(比如toCamelCase())和使用正則表達式處理字符串的函數。我們會在以後另外用一講來將一下正則表達式的基本知識和在MooTools下的使用。

在開始之前,我想先花一點時間來看一下字符串函數是怎麼調用的。在我的例子中,我是在字符串變量上面直接調用這個方法的,就像下面的這樣:

參考代碼: [復制代碼] [保存代碼]
  1. var my_text_variable = "Heres some text";
  2. //  結果                 字符串變量        方法名
  3. var result_of_function = my_text_variable.someStringFunction();

但是我這樣寫只是為了能夠更清楚地解釋它,你應該了解到這些字符串函數也可以直接在字符串上調用,而不需要聲明一個變量,就像這樣:

參考代碼: [復制代碼] [保存代碼]
  1. var result_of_function = "Heres some text".someStringFunction();

注意一下,這個方式在MooTools中的數字處理函數也同樣有效:

參考代碼: [復制代碼] [保存代碼]
  1. // 注意一下用法,是括號中的數字
  2. // 而不是單引號引起來的字符串
  3. var limited_number = (256).limit(1, 100);

還有,我想再次強調一遍:用JavaScript對輸入過濾並不能在數據發送到服務器之前對其進行安全過濾。你在JavaScript中寫的所有的一切都可以被你的網頁浏覽者看到、操控和禁止。我們將在以後講MooTools的Request類時,對PHP的過濾技術進行一些簡單的探討。同時,繼續保持原來要在服務器端做的任何與安全相關的事情,不要依賴JavaScript。

trim()

trim函數提供了一個簡單直接的方式來去掉任何你想處理的字符串兩端的空白字符。

參考代碼: [復制代碼] [保存代碼]
  1. // 這是我們要trim的字符串
  2. var text_to_trim =  "    \nString With Whitespace     ";
  3. // trim後的字符串是"String With Whitespace"
  4. var trimmed_text = text_to_trim.trim();

如果你還沒有見過\n,其實這只是一個換行符而已。你可以在一個字符串中使用它來把字符串分割成多行。trim方法把換行符也當作一個空白符,因此它也會把換行符去掉。trim方法唯一不做的一件特別的事情就是:它並不會去掉一個字符串裡面的任何多余的空白字符。下面的這個例子展示了trim是怎樣處理字符串裡面的換行符的:

參考代碼: [復制代碼] [保存代碼]
  1. var trimDemo = function(){
  2.     // 設置我們要修剪的字符串
  3.     var text_to_trim =  '            \ntoo       much       whitespace\n              ';
  4.  
  5.     // 對其進行修剪
  6.     var trimmed_text = text_to_trim.trim();
  7.  
  8.     // 顯示結果
  9.     alert('Before Trimming : \n' + 
  10.       &

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved