现在很多网站都会在网站的顶部显示一行公告，从正常的html源代码上来说，这一行公告内容必定是在页面所有元素的最前面的，也就是body元素后面的第一个元素。下面作者和大家分享一种利用js将元素插入到页面元素的最前面的办法。

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

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

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