2020-08-10

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。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容