网页定位导航特效_技术笔记

暮雪之寒 2019-10-17

原生js最注重的兼容性的问题，很多兼容性问题都是在原生的js中出现

0赞 · 0采集
哈尔波儿 2018-08-22
1. var top = document.documentElement ||document.documentElement.scrollTop : document.body.scrollTop;
2. 因为兼容性问题，要用如上的方法。使用原生方法，要注意兼容性
3. IE浏览器对getElementByClassName()方法支持较差，解决方法(粗略)：
  在外面重新写一个方法 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*")；
  var result = []; for (var i = 0;
  i < element.length; i++) {
  if (element[i].className == cls) {
  result.push(element[i]);
  } } return result; } }
0赞 · 0采集
慕仙5237505 2017-11-16

获取class元素：封装getclass函数兼容ie

截图
0赞 · 0采集
超级无敌可爱的美少女 2017-09-14

用原生js编写代码时候需要注意浏览器的兼容性，特别是IE的

0赞 · 0采集
白小九 2017-07-27

1、监听滚动事件：window.onscroll 2、getElementsByClassName需要做兼容性处理

截图
0赞 · 0采集
队友杀手 2017-06-20

//获取样式名字的兼容写法 function getByClassName(obj,cls){ var elements = obj.getElementByTagName("*"); var result = []; for(var i=0;i<elements.length;i++){ if(elements[i].className ==cls){ result.push(elements[i]); } } return result; }

0赞 · 0采集
队友杀手 2017-06-20

滚动条距离顶部的距离。 var top = document.documentElement ？ document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 0采集
qq_汪星人的使命_0 2017-06-18

小知识: 1、在JavaScript原生上,当滚动条发生滚动时发生事件: window.onscroll=function(){ } 2、IE浏览器对getElementsByClass支持比较差，因此把获取Class写成一个函数[对于有多个class是不成立的] function(obj,class){ var classS=[]; //获取所有标签 var elements=obj.getElementsByTagName('*'); //然后对所有标签进行判断(是否有传进来class) for(var i=0;i<elements.length;i++){ if(elements[i].className==class){ classS.push(element[i]); } } return calssS; }

0赞 · 0采集
奇谈0 2017-05-18

ietester

0赞 · 0采集
迎风向上乀 2017-05-10

-0-

截图
0赞 · 0采集
梦魂清风 2017-04-14

IE6根据Class name 获取元素

截图
0赞 · 0采集
wshyzx 2017-03-01

js代码在获取scrollTop时写错了（视频第六章第一节01:30），正确代码应该是： var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop; 还有一个简单写法 var top=document.documentElement.scrollTop || document.body.scrollTop

0赞 · 0采集
wshyzx 2017-03-01

var items = document.getElementById('content').getElementsByClassName('item'); IE浏览器对该方法支持较差，所以要改写来实现

0赞 · 0采集
wshyzx 2017-03-01

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。注释：该方法会改变数组的长度。提示：要想数组的开头添加一个或多个元素，请使用 unshift() 方法。

0赞 · 0采集
wshyzx 2017-03-01

可以使用indexOf来保证获取到className

0赞 · 0采集
wshyzx 2017-03-01

window.onscroll = function(){}; 给事件添加函数，比如这一行的意义就是，当窗口滚动时，那么执行以下函数，函数里面就是你要执行的动作。如果没有这一行，那么，窗口滚动没有触发任何的函数，相当于没用。window.scroll就是触发窗口滚动事件。function（）｛｝就是要执行的函数。

0赞 · 0采集
qq_我叫红领巾_2 2017-02-16

function getByClass(oparent,sClass) { var aEle = oparent.getElementsByTagName("*"); var asult = []; var re = new RegExp("\\b"+ sClass + "\\b","i"); for (var i = 0;i < aEle.length;i++) { if (re.test(aEle[i].className)) { asult.push(aEle[i]); } } return asult; }; 有多个class也可以找到

0赞 · 0采集
楼台小巷 2017-01-10

用原生js编写代码时候需要注意浏览器的兼容性，特别是IE的

0赞 · 0采集
qq_君莫笑_27 2016-11-19

1.var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; 因为兼容性问题，要用如上的方法。使用原生方法，要注意兼容性 2.IE浏览器对getElementByClassName()方法支持较差，解决方法(粗略)：在外面重新写一个方法 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 0采集
慕粉studying 2016-11-17

用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 1采集
慕工程2957023 2016-10-15

1.var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop; 因为兼容性问题，要用如上的方法。使用原生方法，要注意兼容性 2.IE浏览器对getElementByClassName()方法支持较差，解决方法(粗略)：在外面重新写一个方法 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 1采集
BeingTowards 2016-10-12

使用JS实现定位导航功能之使用JS获取元素由于ie对getElementsByClassName方法不兼容，需要自定义实现该功能

截图
0赞 · 1采集
jazia 2016-10-11

用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 1采集
qweqwe13123123 2016-09-18

少数class 的 getByClassName 的封装方法。

截图
0赞 · 3采集
妳是我的天使 2016-08-08

兼容不同浏览器

截图
0赞 · 0采集
_heyshadow 2016-07-19

通过className获取元素针对IE的兼容

截图
0赞 · 1采集
霜花似雪 2016-07-19

1.var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; 因为兼容性问题，要用如上的方法。使用原生方法，要注意兼容性 2.IE浏览器对getElementByClassName()方法支持较差，解决方法(粗略)：在外面重新写一个方法 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 1采集
mikedada 2016-06-20

用原生態js編寫代碼，尤其要注意瀏覽器的兼容性。如果某些瀏覽器不兼容，將可以通過編輯函數來實現或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE對這個方法的支持很差。解決方法的代碼如圖所示。注意但是這個方法不適用於多個class的時候 2、獲取頁面的滾動條距離頂部的高度可以用下面的方法(因為在XHTML中不支持documentElement所以要用body來獲取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; documentElement 和 body 相關說明： body是DOM對象里的body子節點，即 <body> 標籤； documentElement 是整個節點樹的根節點root，即<html> 標籤；

0赞 · 0采集
黄枪枪 2016-06-16

用原生态js编写代码，尤其要注意浏览器的兼容性。如果某些浏览器不兼容，将可以通过编辑函数来实现或替代某些功能。 1、比如，使用document.getElementsByClassName()，IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop)： var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;

0赞 · 0采集
baka_q 2016-06-02

scroll：当用户滚动带滚动条的元素内容时，在该元素上面触发。<body>元素包含所加载页面的滚动条在混杂模式下，可以通过<body>(document.body)元素的scrollLeft和scrollTop来监视滚动情况，在标准模式下除了Safari都通过 <html>元素（document.documentElement)来监控

0赞 · 0采集

数据加载中...