這里記錄一下localstage本地存儲技術吧
~~~
存儲:localStorage.setItem("名字","值")
~~~
~~~
讀取:localStorage.getItem("名字")
~~~
~~~
刪除:localStorage.removeItem("名字");
~~~
# JSON.parse()
JSON 通常用于與服務端交換數據。
在接收服務器數據時一般是字符串。
我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象。
### 語法
~~~
JSON.parse(text[, reviver])
~~~
**參數說明:**
* **text:**必需, 一個有效的 JSON 字符串。
* **reviver:**可選,一個轉換結果的函數, 將為對象的每個成員調用此函數。
json前端轉換函數
# document.body.insertAdjacentHTML用法
2012年08月13日 14:13:50[wq105032007067](https://me.csdn.net/wq105032007067)閱讀數 3645
//document.body.insertAdjacentHTML("beforeBegin","");
document.body.insertAdjacentHTML("afterBegin","");
document.body.insertAdjacentHTML("beforeEnd","");
//document.body.insertAdjacentHTML("afterEnd","");
實現Web頁面內容動態改變的dhtml操作
IE的DHTML對象提供了四個可讀寫的屬性來動態操作頁面元素的內容:innerText, outerText, innerHTML, outerHTML.
需注意兩點:
1.?? 其中innerText,outerText屬性的值是作為普通文本呈現的,即使它含有HTML標簽也如實反應出來;而innerHTML, outerHTML呈現的是經HTML引擎解析后文本,它可以反應屬性中HTML標簽的表現效果。
2.?? 對對象的outerText,outerHTML屬性賦值(即寫操作)會刪除該對象。
以上四個屬性的賦值操作只是替換原對象的文本內容,想要在頁面中指定元素相關位置新增文本內容,需采用insertAdjacentHTML和insertAdjacentText方法。形式如下:
object.insertAdjacentText(sWhere, sText)
object.insertAdjacentHTML(sWhere, sText)
其中 sWhere 表示插入的文本相對于html標簽的位置,有如下四個預設值:
beforeBegin,afterBegin,beforeEnd,afterEnd
使用中需注意如下幾點:
1.這兩種方法必須在整個文檔裝載完成之后才能使用,否則將出錯。
2. InsertAdjacentText只能插入普通文本,InsertAdjacentHTML插入html格式的文本
3. 用InsertAdjacentHTML插入腳本,必須在script元素中使用defer屬性,否則腳本執行將出現運行期錯誤
4.InsertAdjacentHTML插入html元素后,all以及其他可能的元素集合將自動更新以反應動態變化。如頁面后續元素的sourceIndex 屬性將改變。
5.當賦予InsertHTML/outerHTML屬性無效的HTML標簽,該方法可能出現運行時錯。如以下代碼將出錯:
?
???
???
????? pdiv.innerHTML = "hello"
???
???
此外頁面內容動態操作還需要注意如下一些細節:
1.只有文檔BODY內顯示的內容能被以上屬性和方法動態改變,BODY對象的內容能被動態操作,但BODY對象本身無法被替換。
2.以上屬性和方式不能操作空標簽(沒有內容的html標簽),如input,img。
3.對于table對象而言,只有td(innerHTML/innerText)和table(outerHMTL/outerText)對象可以用某些屬性來替換或插入內容;而其他table對象,如tr、tbody不能用這些屬性來改變內容。
js有一個顯示與隱藏元素功能,最近用的比較多
最近還用到了一個js的頁面刷新功能
location.replace("//www.jb51.net")按我的個人理解就是跳轉其他頁面并把原頁面清除
css方面涉及比較多的就是ul標簽前面的黑點和不能完全顯示
list-style-type: none;
padding:0% 0%;
第一句關閉黑點,第二句是距離邊界,百分比越大距離越大
在js使用onclick過程中遇到一個問題就是字符串無法傳值過去,需要加轉義字符斜桿
~~~
onclick="wechatpa(\''.$wechat.'\');"
~~~
記錄一下關于這個js庫沖突問題,比如mui引用了$符號,那么用到jquery的時候就只能用其他符號代替了這里這句代碼可以解決這個問題var $jq = jQuery.noConflict(true); 這里使用$jq來代替$以繼續使用jquery,多個版本問題也可以這樣解決。