HTML5的部分规范2 -- 笔记

image

滚动和焦点,IE的innerHtml,outerHtml

  1. 如果在IE8及以前的IE浏览器中使用innerHtml添加script的元素,那么IE就会忽略这个操作,因为script元素是无作用域的元素,当然style元素也是,在添加的时候我们可以在script标签前面加一个有作用域的元素,那么这个操作就成功,为什么会这样呢,因为IE会检测第一个出现的元素是否是无作用域的元素,如果是那么就忽略,如果不是那么就添加,例如div.innerHtml = '<script></script>',这样子写IE会忽略,例如div.innerHtml = '<div display='none'><div><script></script>'这样子就可以通过,并且会执行脚本。在IE8以后就会忽略,大部分的浏览器通过innerHTML添加script元素都会忽略这个操作。
  2. outerhtml和innerhtml的行为基本一致,但是以前的旧浏览器中很多都不支持这个属性,所以尽量都用innerHTML这个属性去添加和获取html,innerHTML适合一次性添加大量的元素,但是innerHTML属性却不支持表格的添加,当然还有其他的部分元素,具体请谷歌。
  3. scrollIntoView(),这是HTML5规范中的一个方法,大部分的浏览器已经实现了,但是各个大厂在以前都有自身独特的方法,后来HTML5选择了这个方法,这个方法的作用是让一个元素尽量出现在视口,就是出现在你视线,滚动条自动滚到这个元素这里,懂了吧,所有的元素都可以调用这个方法,但是如果在一个元素中调用focus这个方法其实也可以达到一样的效果。。。。。
发表新评论