1、objecthtmldivelement对象 var avc = document.getElementById("div1"); alert(avc ); 为objecthtmldivelement对象,objecthtmldivelement对象相当于document.getElementById("div1")。2、获取img的src function imgsrc(){var y = document.getElementById("img"); //找到img对象var x = y.getAttribute("src"); //获取到的是src的值//y.src 获取到的是绝对路径 }3、页面刷新 location.reload(); //整个页面刷新 调用ajax请求。//局部刷新 //局部刷新 (还没用过) $(function () {setInterval(function () {$("#autore").load(location.href + " #autore");//注意后面DIV的ID前面的空格,很重要!没有空格的话,会出双眼皮!(也可以使用类名)}, 8000);//8秒自动刷新 })4、清空数据 $('#pd-list li').remove();//清空list $("#list tbody").html(""); //每次加载器情空列表数据,防止数据重复 function remove(){var tBodyObj = document.getElementById("check_list"); var n = tBodyObj.firstChild; tBodyObj.removeChild(n); }5、js先后顺序问题 js没起作用并且无报错 或者 报错Uncaught ReferenceError: plus is not defined (提示: 请在plus ready后再调用plus api)时,是因为写的js放在了plus ready前面,比初始化先作用6、数组 indexarry:数组,imgindex:元素,star:删除元素起始位置,length:删除长度 indexarry.push(imgindex); // 数组添加数据 indexarry = []; //清空数组 indexarry.splice(star,indexarry.length);//清空数组7、查找数组元素位置 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 存储 数组 //把数组转化为对象保存 var str = JSON.stringify(data.list); localStorage.setItem("options",str); //取出来之后,再把对象转化为数组 var optionss=localStorage.getItem("options"); console.log(JSON.parse(optionss));9、截取字符串 var itemNumber = " "; var startnum = this.innerText.indexOf("号") + 2; //从"号"后面的第二位开始截取 var endnum = this.innerText.indexOf("数"); //一直截取到"数"的前一位为止 itemNumber = this.innerText.substring(startnum, endnum); 2.1只传一个参数 例如: String sb = "bbbdsajjds"; sb.substring(2); 将字符串从索引号为2开始截取,一直到字符串末尾。(索引值从0开始);2.2传入2个索引值 String sb = "bbbdsajjds"; sb.substring(2, 4); 从索引号2开始到索引好4结束(并且不包含索引4截取在内,也就是说实际截取的是2和3号字符); js字符串截取函数slice()、substring()、substr(); https://www.cnblogs.com/lmsblogs/p/5876384.html 几个经常用到的字符串的截取(substring); http://www.cnblogs.com/luqingsong/archive/2011/02/16/1956458.html 体验js中splice()的强大(插入、删除或替换数组的元素); https://www.jb51.net/article/33306.htm
10、点击切换成功nav导航栏添加删除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对象 var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index,拿到选中项的索引 myselect.options[index].value; //拿到选中项options的value myselect.options[index].text; //拿到选中项options的text jQuery方法:(前提是已经加载了jquery库) var options=$(“#test option:selected”); //获取选中的项 $(“#test option:selected”).val(); //拿到选中项的值 $(“#test option:selected”).text(); //拿到选中项的文本12、寻找节点 纯js如下: var s=document.getElementById('id'); var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var fc=s.childNodes; //获得s的所有子节点 jQuery如下: $(ele).parent().text();//父节点 内容 $(ele).prev().text();//上一个兄弟节点 内容 $(ele).next().text();//下一个兄弟节点 内容 $(ele).children().text();//儿子节点 内容 siblings();//遍历此节点的所有兄弟节点。13、css /*可以解决手机端overflow:hidden;不起作用的问题*/ html,body{height:100%;overflow:hidden; } /*单行文字溢出,换成省略号*/ {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } /*多行文字溢出变成省略号*/ {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }