專案總結 從零開始(6)

2021-06-05 08:52:47 字數 1910 閱讀 6612

1.當通過js拿到乙個物件時,又想使用jquery中的方法,如果直接用js拿到的物件,然後再用jquery方法,是不起作用的,而應該如下處理:

var i=$(window.parent.document.getelementbyid("documentlist_iframe"));

i.css("height","1000px");

2.jquery中data方法的使用:data() 方法向被選元素附加資料,或者從被選元素獲取資料。

例如:$("#catalogselect").data("isdeloriginal","true");向id為catalogselect的物件中附加資料,然後通過$("#catalogselect").data("isdeloriginal")來獲取資料。

3.html dom的學習:

根據 dom,html 文件中的每個成分都是乙個節點。

dom 是這樣規定的:

節點彼此都有等級關係。

html 文件中的所有節點組成了乙個文件樹(或節點樹)。html 文件中的每個元素、屬性、文字等都代表著樹中的乙個節點。樹起始於文件節點,並由此繼續伸出枝條,直到處於這棵樹最低級別的所有文字節點為止。

你可通過若干種方法來查詢您希望操作的元素:

下面這個例子會返回所有 元素的乙個節點列表,且這些 元素必須是 id 為 "maindiv" 的元素的後代:

document.getelementbyid('maindiv').getelementsbytagname("p");
每個節點都擁有包含著關於節點某些資訊的屬性。這些屬性是:

nodename 屬性含有某個節點的名稱。

對於文字節點,nodevalue 屬性包含文字。

對於屬性節點,nodevalue 屬性包含屬性值。

nodevalue 屬性對於文件節點和元素節點是不可用的。

nodetype 屬性可返回節點的型別。元素1

屬性2文字3

注釋8文件9

這樣的方法能夠向乙個文件樹中新增節點或者從乙個文件樹中移除節點。

dom樹的大部分節點是表示標記的element物件和表示文字串的text物件,用element介面的getattribute()方法,setattribute()removeattribute()方法可以查詢,設定並刪除乙個元素的屬性,設定屬性時,不僅可以運用這種方式來設定屬性:

var m=document.createelement("div");

m.setattribute("style","position:absolute;border:1px solid red;"+"left:"+x+"px;"+"top:"+y+"px;");

還可以運用這種方式來設定屬性:

var m=document.createelement("div");

m.style.position="absolute";

m.style.border="1px solid red";      

m.style.visibility="visible";

因為表示html屬性的dom元素定義了對應於每個標準屬性的js屬性

2.在 js中設定元素的class屬性時,要注意是用classname屬性

給文件新增內容:document.createelement()和document.createtextnode()方法建立新的element節點和text 節點,但要知道元素節點的innerhtml屬性,它可以做相當高效的事情,例如上面寫的,完全可以這麼簡單的寫:

m.innerhtml="改變";

專案總結 從零開始

1.和表單提交時,即使form中沒有指明action,提交時仍會觸發 contacthistoryrecordform submit function 5.兩種jquery的ajax請求方式,在專案中經常遇到,下面把它列出來 第一種是 資料是以json的格式傳送到後台,返回到頁面的。這是傳送到act...

6 從零開始學react redux相關

store reducer,dispatch,action redux react redux provider,connect usedipatch,useselector,usestore 引入建立倉庫方法 import from redux 倉庫需要引數 reducer createstore...

Python從零開始 day6

字串的內建方法 a 123 b abc print a 1 23 print a in b true c join a,b print c 123abc print c 123 abc st hello world print st.count l 統計某個元素的個數 print st.capita...