记录上一个项目踩过的坑

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;
}

 
　　

 

转载于:https://www.cnblogs.com/xi-li/p/10103288.html