javascript:window.scrollTo(0,0)
可以使点击的元素回到网页头部
document.getelementById(" ") 如果常量包含单引号,括号里就用双引号括起来;如果常量包含双引号,括号里就用单引号括起来。
在写鼠标指向区域要判断大盒子是往右边还是左边移动
解决:设置一个index,使用for循环遍历指向的各个区域的下标,并将每个区域的下表记录下来,每指向一个区域就用this.index赋值给counter,鼠标移动到下个区域时,将上一个指向区域的下表和当前的下标进行比较如果大于或者小于,就往左边还是右边移动
在写头部轮播使用children获取里面的0-4子元素的类名遇到麻烦
//解决
for (var i = 0; i < listtab.length; i++) {
listtab[i].index = i;
listtab[i].onmouseover = function () {
var indexs = this.index;
if (counter < indexs) {
direction(counter,indexs);
}
else if (counter > indexs) {
direction(counter,indexs);
}
for (var i = 0; i < listtab.length; i++) {
listtab[i].className = "times";
}
counter = this.index;
this.className = "times topn";
}
}
//这是需要调用的运动函数
function direction(counters,transmission1) {
var time = setInterval(function () {
var leader = index_food_long.offsetLeft;
var seep = 5;
if(counters < transmission1)){
leader = leader-seep;
}else{
leader = leader + seep;
}
index_food_long.style.left = leader + "px";
if (leader <= -2970 || leader >= -990) {
clearInterval(time);
index_food_long.style.left = -1980 + "px";
}
}, 1);
}
//他使我的程序运行结果,只执行了leader = leader + seep语句;this.index的作用
//是用来判断当前的鼠标指到了哪里,我想用this.index来表示指向当前区域的指针,但
//是也忘记了this.index是本函数的变量,其他的函数不能调用它,所以就将它赋值给
//indexs在给direction函数写两个参数counters和transmission1用这两个虚参代表两
//个区域下标的比对,最后实参进入函数进行比较
在写新闻导航区域时a标签的内容死活隐藏不了,最后发现没给a标签转换为块级元素还有没将a标签的自动换行取消掉,导致没办法撑满,一直溢出,没法隐藏溢出的字
使用html定义自定义属性的最基础的方式:
设置自定义属性的值dom.setAttribute(‘index’, ‘0’);
获取自定义属性的值dom.getAttribute(‘index’); 获取不到就返回null
移除自定义属性 dom.removeAttribute(‘index’);
还有h5新增的方式:
自定义属性写成data-xxx 这种形式
比方说在写html的时候就给一个input标签上写个自定义属性data-index=”1”(只要这个定义名称满足 data-xxx就行)
那么在原生js中获取的时候就是dom.dataset.index;那么要获取index的值的时候就要使用对象的”点语法” , 使用dataset这个对象调用它的属性index。