广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    JS插入元素到页面body的最前面

    2018-04-04 08:35:46 次阅读 稿源:互联网
    零七广告

    现在很多网站都会在网站的顶部显示一行公告,从正常的html源代码上来说,这一行公告内容必定是在页面所有元素的最前面的,也就是body元素后面的第一个元素。

    首先解释下为什么不直接将代码写在body块内且设置为第一个元素,因为从seo的角度来讲,网站顶部显示的一行公告基本与网站的内容没有多大关系。而作为网站html源代码中比较靠前的内容,是搜索引擎比较看重的内容。因此一段无关网站内容的内容最好不要放在html源码的前面。

    下面说正题,下面这段代码就是通过js动态创建一个div并且将该div放在页面的最前面。

    1. var divObj=document.createElement("div"); 
    2. //divObj.setAttribute('id','topAlert'); 
    3. divObj.innerHTML='警告:转载www.daimajiayuan.com网站文章不带原文链接者,本站有权追究其法律责任!'
    4. var first=document.body.firstChild;//得到页面的第一个元素 
    5. document.body.insertBefore(divObj,first);//在得到的第一个元素之前插入 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告