Saber 酱的抱枕

    <div id="a"  style="background:#DAE0F1;">
        <p id="b">bbbbbbbbbbbbbbbbb</p>
    </div>
	<script type="text/javascript">
        function createE (tagName,id,className,style,innerHTML,addway,parentId,reforeId) {
            var newElement=document.createElement(tagName);
            newElement.id=id;
            newElement.className=className;
            newElement.style.cssText=style;
            newElement.innerHTML=innerHTML;
            if (addway=='end') {
                if (parentId=='body') {
                    document.body.appendChild(newElement);
                }else{
                    document.getElementById(parentId).appendChild(newElement);
                }
            }
            if(addway=='before'){
                 if (parentId=='body') {
                    document.body.insertBefore(newElement,document.getElementById(reforeId));
                 }else{
                    document.getElementById(parentId).insertBefore(newElement,document.getElementById(reforeId));
                }
            }
        }
        createE('div','aa','link','font-size: 30px;','追加在a的末尾','end','a','');
        createE('h1','','','font-size: 30px;','插入在a中的b之前','before','a','b');
        createE('h1','c','','font-size: 30px;','追加在body末尾','end','body','');
        createE('h1','d','','font-size: 30px;','插入在body中的a之前','before','body','a');
	</script>

输出如下：

今天写了个使用js创建页面元素的函数，如果有多个元素需要使用js来创建的话，倒还是可以方便一些的。函数参数如下：
元素的标签名,元素的id,元素的class名,元素的内部样式,元素的内部代码,追加方式（填写“end”或者“before”）,追加到的父元素的id,父元素中子元素的id（仅当追加方式为before时填写）。
如果追加方式为end，则使用appendChild()方法追加到父元素内；如果追加方式为before，则使用insertBefore()方法插入到父元素内某个子元素之前。
考虑到body是创建元素时常用的一个节点，如果把父元素的id填写为“body”则会按body来处理。

使用js创建页面元素的函数

var myDate = new Date();
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();        //获取当前日(1-31)
myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours();       //获取当前小时数(0-23)
myDate.getMinutes();     //获取当前分钟数(0-59)
myDate.getSeconds();     //获取当前秒数(0-59)
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
myDate.toLocaleTimeString();     //获取当前时间
myDate.toLocaleString();        //获取日期与时间

查看来源

js获取当前日期时间

首先是js代码部分

<script type="text/javascript">
	var thisurl = document.URL;
	var thistitle=document.title;
	//设为首页 注意，在本地测试时，页面网址可能是"file:///D:/sethome.html"这样的文件路径，此时即使是在ie中也是无法设置为首页的。在线网站使用的话没有问题。
	function SetHome(obj,url){
	    try{
	        obj.style.behavior='url(#default#homepage)';
	       obj.setHomePage(url);
	   }catch(e){
	       if(window.netscape){
	          try{
	              netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
	         }catch(e){
	              alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
	          }
	       }else{
	        alert("抱歉，您所使用的浏览器无法完成此操作。\n\n您需要手动将【"+url+"】设置为首页。");
	       }
	  }
	}
	//收藏本站
	function AddFavorite(title, url) {
	  try {
	      window.external.addFavorite(url, title);
	  }
	catch (e) {
	     try {
	       window.sidebar.addPanel(title, url, "");
	    }
	     catch (e) {
	         alert("抱歉，您所使用的浏览器无法完成此操作。\n\n加入收藏失败，请使用Ctrl+D进行添加");
	     }
	  }
	}
</script>

测试时我直接写到了网页里，实际使用时建议保存到外部js文件，然后链接进来。

然后是html部分，主要是调用

<a href="javascript:void(0);" onclick="SetHome(this,thisurl);">设为首页</a>
<a href="javascript:void(0);" onclick="AddFavorite(thistitle,location.href)">收藏本站</a>

参考：http://www.ecmoban.com/article-1596.html 我把原本是指定的网址和标题换成了自动获取当前页面的网址和标题。

设为首页收藏本站js代码