在项目过程中,多数情况下,一个页面是满足不了要求的,这时就需要多个页面相互切换,进行交互,js可以动态的创建一个页面,在不需要的时候删除。方法如下:
创建
方法:createElement
eg: 创建一个div
var m_div=document.createElement("div");
m_div.id="m_Div";
document.body.appendChild(m_div);
设置属性
eg:设置创建的div的样式
方法1
m_div.style.cssText="width:500px;height:300px;background:#104E8B;text-align:center;line-height:220px";
方法2
m_div.style.width="1000px";
m_div.style.height="800px";
m_div.style.backgroundColor= "#104E8B";
删除
eg: 删除上述创建的div
var mDiv_id = document.getElementById("m_Div");
if( mDiv_id != null){ //存在则删除
document.body.removeChild(mDiv_id);
}