jscollection（jscollections）

本文目錄一覽：

• 1、js 如何控制自動生成的的input 必輸入欄位
• 2、javascriptcollectionagent.dll可以刪嗎
• 3、如何在編輯表單中預填充collection
• 4、ArrayList在js裡面怎麼添加數據

js 如何控制自動生成的的input 必輸入欄位

用getElementById

$(“form”).submit(function() {

if (document.getElementById.val().replace(/\s/g, ”) == ”) {

alertBox._warn(“請填寫申請員工編號！”);

return false;

}

javascriptcollectionagent.dll可以刪嗎

此文件屬於產品的Internet Explorer的 ，並制定了公司的Microsoft Corporation的。 該文件描述JavaScript Performance Collection Agent的。

此文件是動態鏈接庫。這個庫可以在任何正在運行的進程載入並執行。

如何在編輯表單中預填充collection

chrome 表單自動填充後，input文本框的背景會變成黃色的，通過審查元素可以看到這是由於chrome會默認給自動填充的input表單加上input:-webkit-autofill私有屬性，然後對其賦予以下樣式：

input : -webkit-autofill {

background-color : #FAFFBD ;

background-image : none ;

color : #000 ;

}

在有些情況下，這個黃色的背景會影響到我們界面的效果，尤其是在我們給input文本框使用圖片背景的時候，原來的圓角和邊框都被覆蓋了：

情景一：input文本框是純色背景的

可以對input:-webkit-autofill使用足夠大的純色內陰影來覆蓋input輸入框的黃色背景；如：

input : -webkit-autofill {

-webkit-box-shadow : 0 0 0px 1000px white inset ;

border : 1px solid #CCC !important ;

}

如果你有使用圓角等屬性，或者發現輸入框的長度高度不太對，可以對其進行調整，除了chrome默認定義的background-color，background-image，color不能用!important提升其優先順序以外，其他的屬性均可使用!important提升其優先順序，如：

input : -webkit-autofill {

-webkit-box-shadow : 0 0 0px 1000px white inset ;

border : 1px solid #CCC !important ;

height : 27px !important ;

line-height : 27px !important ;

border-radius : 0 4px 4px 0 ;

}

情景二：input文本框是使用圖片背景的

這個比較麻煩，目前還沒找到完美的解決方法，有兩種選擇：

1、如果你的圖片背景不太複雜，只有一些簡單的內陰影，那個人覺得完全可以使用上面介紹的方法用足夠大的純色內陰影去覆蓋掉黃色背景，此時只不過是沒有了原來的內陰影效果罷了。

2、如果你實在想留住原來的內陰影效果，那就只能犧牲chrome自動填充表單的功能，使用 js 去實現，例如：

$ ( function () {

if ( navigator . userAgent . toLowerCase (). indexOf ( “chrome” ) = 0 ) {

$ ( window ). load ( function (){

$ ( ‘ul input:not(input[type=submit])’ ). each ( function (){

var outHtml = this . outerHTML ;

$ ( this ). append ( outHtml );

});

});

}

});

遍歷的對象可能要根據你的需求去調整。如果你不想使用js，好吧，在form標籤上直接關閉了表單的自動填充功能：autocomplete=”off”。

上面是在網上找到的一些方法，我是用的圖片背景，經過實驗如果用js的方法會導致提交表單的時候重置而無法將value傳過去，沒辦法只能是將自動填充的功能關閉了，雖然影響了部分用戶的體驗，但是解決了黃色背景影響整體UI的問題。

ArrayList在js裡面怎麼添加數據

1.ArrayList方法摘要

構造方法摘要

ArrayList()

構造一個初始容量為 10 的空列表。

ArrayList(Collection? extends E c)

構造一個包含指定 collection 的元素的列表，這些元素是按照該 collection 的迭代器返回它們的順序排列的。

ArrayList(int initialCapacity)

構造一個具有指定初始容量的空列表。

方法摘要

boolean add(E e)

將指定的元素添加到此列表的尾部。

void add(int index, E element)

將指定的元素插入此列表中的指定位置。

boolean addAll(Collection? extends E c)

按照指定 collection 的迭代器所返回的元素順序，將該 collection 中的所有元素添加到此列表的尾部。

boolean addAll(int index, Collection? extends E c)

從指定的位置開始，將指定 collection 中的所有元素插入到此列表中。

void clear()

移除此列表中的所有元素。

Object clone()

返回此 ArrayList 實例的淺表副本。

boolean contains(Object o)

如果此列表中包含指定的元素，則返回 true。

void ensureCapacity(int minCapacity)

如有必要，增加此 ArrayList 實例的容量，以確保它至少能夠容納最小容量參數所指定的元素數。

E get(int index)

返回此列表中指定位置上的元素。

int indexOf(Object o)

返回此列表中首次出現的指定元素的索引，或如果此列表不包含元素，則返回 -1。

boolean isEmpty()

如果此列表中沒有元素，則返回 true

int lastIndexOf(Object o)

返回此列表中最後一次出現的指定元素的索引，或如果此列表不包含索引，則返回 -1。

E remove(int index)

移除此列表中指定位置上的元素。

boolean remove(Object o)

移除此列表中首次出現的指定元素（如果存在）。

protected void removeRange(int fromIndex, int toIndex)

移除列表中索引在 fromIndex（包括）和 toIndex（不包括）之間的所有元素。

E set(int index, E element)

用指定的元素替代此列表中指定位置上的元素。

int size()

返回此列表中的元素數。

Object[] toArray()

按適當順序（從第一個到最後一個元素）返回包含此列表中所有元素的數組。

T T[] toArray(T[] a)

按適當順序（從第一個到最後一個元素）返回包含此列表中所有元素的數組；返回數組的運行時類型是指定數組的運行時類型。

void trimToSize()

將此 ArrayList 實例的容量調整為列表的當前大小。

2.js實現部分功能

複製代碼 代碼如下:

html

script type=”text/javascript” src=”json.js”/script

head

script type=”text/javascript”

function ArrayList(){

this.arr=[],

this.size=function(){

return this.arr.length;

},

this.add=function(){

if(arguments.length==1){

this.arr.push(arguments[0]);

}else if(arguments.length=2){

var deleteItem=this.arr[arguments[0]];

this.arr.splice(arguments[0],1,arguments[1],deleteItem)

}

return this;

},

this.get=function(index){

return this.arr[index];

},

this.removeIndex=function(index){

this.arr.splice(index,1);

},

this.removeObj=function(obj){

this.removeIndex);

},

this.indexOf=function(obj){

for(var i=0;ithis.arr.length;i++){

if [i]===obj) {

return i;

};

}

return -1;

},

this.isEmpty=function(){

return this.arr.length==0;

},

this.clear=function(){

this.arr=[];

},

this.contains=function(obj){

return this.indexOf(obj)!=-1;

}

};

//新建一個List

var list=new ArrayList();

//增加一個元素

list.add(“0”).add(“1”).add(“2”).add(“3”);

//增加指定位置

list.add(2,”22222222222″);

//刪除指定元素

list.removeObj(“3”);

//刪除指定位置元素

list.removeIndex(0);

for(var i=0;ilist.size();i++){

document.writeln(list.get(i));

}

document.writeln(list.contains(“2”))

/script

/head

body

/body

/html