1、objecthtmldivelement對(duì)象 var avc = document.getElementById("div1"); alert(avc ); 為objecthtmldivelement對(duì)象，objecthtmldivelement對(duì)象相當(dāng)于document.getElementById("div1")。2、獲取img的src function imgsrc(){var y = document.getElementById("img"); //找到img對(duì)象var x = y.getAttribute("src"); //獲取到的是src的值//y.src 獲取到的是絕對(duì)路徑 }3、頁(yè)面刷新 location.reload(); //整個(gè)頁(yè)面刷新 調(diào)用ajax請(qǐng)求。//局部刷新 //局部刷新 (還沒(méi)用過(guò)) $(function () {setInterval(function () {$("#autore").load(location.href + " #autore");//注意后面DIV的ID前面的空格，很重要！沒(méi)有空格的話，會(huì)出雙眼皮！（也可以使用類(lèi)名）}, 8000);//8秒自動(dòng)刷新 })4、清空數(shù)據(jù) $('#pd-list li').remove();//清空l(shuí)ist $("#list tbody").html(""); //每次加載器情空列表數(shù)據(jù)，防止數(shù)據(jù)重復(fù) function remove(){var tBodyObj = document.getElementById("check_list"); var n = tBodyObj.firstChild; tBodyObj.removeChild(n); }5、js先后順序問(wèn)題 js沒(méi)起作用并且無(wú)報(bào)錯(cuò) 或者 報(bào)錯(cuò)Uncaught ReferenceError: plus is not defined (提示: 請(qǐng)?jiān)趐lus ready后再調(diào)用plus api)時(shí),是因?yàn)閷?xiě)的js放在了plus ready前面,比初始化先作用6、數(shù)組 indexarry：數(shù)組，imgindex：元素，star：刪除元素起始位置，length：刪除長(zhǎng)度 indexarry.push(imgindex); // 數(shù)組添加數(shù)據(jù) indexarry = []; //清空數(shù)組 indexarry.splice(star,indexarry.length);//清空數(shù)組7、查找數(shù)組元素位置 function indexOf(arr,item){if(Array.protopy.indexOf){return arr.indexOf(item);}else{ for( var i=0;i<arr.length;i++){if(arr[i]===item)return i;else return -1;}} }8、localStorage 存儲(chǔ) 數(shù)組 //把數(shù)組轉(zhuǎn)化為對(duì)象保存 var str = JSON.stringify(data.list); localStorage.setItem("options",str); //取出來(lái)之后，再把對(duì)象轉(zhuǎn)化為數(shù)組 var optionss=localStorage.getItem("options"); console.log(JSON.parse(optionss));9、截取字符串 var itemNumber = " "; var startnum = this.innerText.indexOf("號(hào)") + 2; //從"號(hào)"后面的第二位開(kāi)始截取 var endnum = this.innerText.indexOf("數(shù)"); //一直截取到"數(shù)"的前一位為止 itemNumber = this.innerText.substring(startnum, endnum); 2.1只傳一個(gè)參數(shù) 例如： String sb = "bbbdsajjds"; sb.substring(2); 將字符串從索引號(hào)為2開(kāi)始截取，一直到字符串末尾。（索引值從0開(kāi)始）；2.2傳入2個(gè)索引值 String sb = "bbbdsajjds"; sb.substring(2, 4); 從索引號(hào)2開(kāi)始到索引好4結(jié)束（并且不包含索引4截取在內(nèi)，也就是說(shuō)實(shí)際截取的是2和3號(hào)字符）； js字符串截取函數(shù)slice()、substring()、substr()； https://www.cnblogs.com/lmsblogs/p/5876384.html 幾個(gè)經(jīng)常用到的字符串的截取(substring)； http://www.cnblogs.com/luqingsong/archive/2011/02/16/1956458.html 體驗(yàn)js中splice()的強(qiáng)大(插入、刪除或替換數(shù)組的元素)； https://www.jb51.net/article/33306.htm
10、點(diǎn)擊切換成功nav導(dǎo)航欄添加刪除class = "kc-on" window.onload = function() {var Ckul = document.getElementById('kc-nav');var Li = Ckul.getElementsByTagName("li");for(var i = 0; i < Li.length; i++) {Li[i].onclick = function() {for(i = 0; i < Li.length; i++) {Li[i].className = Li[i].className.replace(/\s?kc-on/, " ");}this.className += "kc-on";};} };11、獲得select被選中option的value和text js方法： var myselect=document.getElementById(“test”); //拿到select對(duì)象 var index=myselect.selectedIndex ; // selectedIndex代表的是你所選中項(xiàng)的index,拿到選中項(xiàng)的索引 myselect.options[index].value; //拿到選中項(xiàng)options的value myselect.options[index].text; //拿到選中項(xiàng)options的text jQuery方法：（前提是已經(jīng)加載了jquery庫(kù)） var options=$(“#test option:selected”); //獲取選中的項(xiàng) $(“#test option:selected”).val(); //拿到選中項(xiàng)的值 $(“#test option:selected”).text(); //拿到選中項(xiàng)的文本12、尋找節(jié)點(diǎn) 純js如下： var s=document.getElementById('id'); var par=s.parentNode; //得到s的父節(jié)點(diǎn) var ns=s.nextSbiling; //獲得s的下一個(gè)兄弟節(jié)點(diǎn) var ps=s.previousSbiling; //得到s的上一個(gè)兄弟節(jié)點(diǎn) var fc=s.firstChild; //獲得s的第一個(gè)子節(jié)點(diǎn) var fc=s.childNodes; //獲得s的所有子節(jié)點(diǎn) jQuery如下： $(ele).parent().text();//父節(jié)點(diǎn) 內(nèi)容 $(ele).prev().text();//上一個(gè)兄弟節(jié)點(diǎn) 內(nèi)容 $(ele).next().text();//下一個(gè)兄弟節(jié)點(diǎn) 內(nèi)容 $(ele).children().text();//兒子節(jié)點(diǎn) 內(nèi)容 siblings();//遍歷此節(jié)點(diǎn)的所有兄弟節(jié)點(diǎn)。13、css /*可以解決手機(jī)端overflow:hidden;不起作用的問(wèn)題*/ html,body{height:100%;overflow:hidden; } /*單行文字溢出，換成省略號(hào)*/ {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } /*多行文字溢出變成省略號(hào)*/ {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }

?

轉(zhuǎn)載于:https://www.cnblogs.com/xi-li/p/10103288.html

總結(jié)

以上是生活随笔為你收集整理的记录上一个项目踩过的坑的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。