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

现在很多网站都会在网站的顶部显示一行公告,从正常的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);//在得到的第一个元素之前插入 

转载请注明:代码家园 » JS插入元素到页面body的最前面

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)