1. 判斷字元串是否是這樣組成的,第一個必須是字母,後面可以是字母、數字、下劃線,總長度為5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); var reg = /^[a-zA-Z][a-z ...
1. 判斷字元串是否是這樣組成的,第一個必須是字母,後面可以是字母、數字、下劃線,總長度為5-20
- var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;
- reg.test("a1a__a1a__a1a__a1a__");
2. 截取字元串abcdefg的efg
- var str = "abcdefg";
- if (/efg/.test(str)) {
- var efg = str.substr(str.indexOf("efg"), 3);
- alert(efg);
- }
3. 判斷一個字元串中出現次數最多的字元,統計這個次數
- //將字元串的字元保存在一個hash table中,key是字元,value是這個字元出現的次數
- var str = "abcdefgaddda";
- var obj = {};
- for (var i = 0, l = str.length; i < l; i++) {
- var key = str[i];
- if (!obj[key]) {
- obj[key] = 1;
- } else {
- obj[key]++;
- }
- }
- /*遍歷這個hash table,獲取value最大的key和value*/
- var max = -1;
- var max_key = "";
- var key;
- for (key in obj) {
- if (max < obj[key]) {
- max = obj[key];
- max_key = key;
- }
- }
- alert("max:"+max+" max_key:"+max_key);
4. IE與FF腳本相容性問題
(1) window.event:
表示當前的事件對象,IE有這個對象,FF沒有,FF通過給事件處理函數傳遞事件對象
(2) 獲取事件源
IE用srcElement獲取事件源,而FF用target獲取事件源
(3) 添加,去除事件
IE:element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)
FF:element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)
(4) 獲取標簽的自定義屬性
IE:div1.value或div1[“value”]
FF:可用div1.getAttribute(“value”)
(5) document.getElementByName()和document.all[name]
IE;document.getElementByName()和document.all[name]均不能獲取div元素
FF:可以
(6) input.type的屬性
IE:input.type只讀
FF:input.type可讀寫
(7) innerText textContent outerHTML
IE:支持innerText, outerHTML
FF:支持textContent
(8) 是否可用id代替HTML元素
IE:可以用id來代替HTML元素
FF:不可以
5. 規避javascript多人開發函數重名問題
(1) 可以開發前規定命名規範,根據不同開發人員開發的功能在函數前加首碼
(2) 將每個開發人員的函數封裝到類中,調用的時候就調用類的函數,即使函數重名只要類名不重覆就ok
6. javascript面向對象中繼承實現
javascript面向對象中的繼承實現一般都使用到了構造函數和Prototype原型鏈,簡單的代碼如下:
- function Animal(name) {
- this.name = name;
- }
- Animal.prototype.getName = function() {alert(this.name)}
- function Dog() {};
- Dog.prototype = new Animal("Buddy");
- Dog.prototype.constructor = Dog;
- var dog = new Dog();
7. FF下麵實現outerHTML
FF不支持outerHTML,要實現outerHTML還需要特殊處理
思路如下:
在頁面中添加一個新的元素A,克隆一份需要獲取outerHTML的元素,將這個元素append到新的A中,然後獲取A的innerHTML就可以了。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>獲取outerHMTL</title>
- <style>
- div{ background:#0000FF;width:100px;height:100px;}
- span{ background:#00FF00;width:100px;height:100px;}
- p{ background:#FF0000;width:100px;height:100px;}
- </style>
- </head>
- <body>
- <div id="a"><span>SPAN</span>DIV</div>
- <span>SPAN</span>
- <p>P</p>
- <script type="text/javascript">
- function getOuterHTML(id){
- var el = document.getElementById(id);
- var newNode = document.createElement("div");
- document.appendChild(newNode);
- var clone = el.cloneNode(true);
- newNode.appendChild(clone);
- alert(newNode.innerHTML);
- document.removeChild(newNode);
- }
- getOuterHTML("a");
- </script>
- </body>
- </html>
8. 編寫一個方法 求一個字元串的位元組長度
假設:一個英文字元占用一個位元組,一個中文字元占用兩個位元組
- function GetBytes(str){
- var len = str.length;
- var bytes = len;
- for(var i=0; i<len; i++){
- if (str.charCodeAt(i) > 255) bytes++;
- }
- return bytes;
- }
- alert(GetBytes("你好,as"));
9. 編寫一個方法 去掉一個數組的重覆元素
- var arr = [1 ,1 ,2, 3, 3, 2, 1];
- Array.prototype.unique = function(){
- var ret = [];
- var o = {};
- var len = this.length;
- for (var i=0; i<len; i++){
- var v = this[i];
- if (!o[v]){
- o[v] = 1;
- ret.push(v);