var bordercolor; //msgw = 300;//提示窗口的宽度 //msgh = 100;//提示窗口的高度 titleheight = 2 //提示窗口标题高度 bordercolor = "#ffffff"; //提示窗口的边框颜色 titlecolor = "#ffffff"; //提示窗口的标题颜色 //根据自己需求注意宽度和高度的调整 var iWidth = document.documentElement.clientWidth; var iHeight = document.documentElement.clientHeight; var bgObj = document.createElement("div"); bgObj.setAttribute("id", "bgObj"); //设置ID bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:" + iWidth + "px;height:" + Math.max(document.body.clientHeight, iHeight) + "px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendChild(bgObj); //弹出窗口 var msgObj = document.createElement("div"); msgObj.setAttribute("id", "msgDiv"); //可以用bgObj.id="msgDiv"的方法,是为div指定属性值 msgObj.setAttribute("align", "center"); //为div的align赋值 msgObj.style.background = "rgba(255,255,255,0.8)"; //背景颜色为白色 msgObj.style.border = "1px solid " + bordercolor; //边框属性,颜色在上面已经赋值 msgObj.style.position = "relative"; //相对定位 msgObj.style.left = iWidth / 2 - iWidth / 2 / 1.25 + "px"; msgObj.style.top = iHeight / 5 + "px";//距离上高度 msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; //字体属性 msgObj.style.width = iWidth / 1.25 + "px"; //提示框的宽(上面定义过) //msgObj.style.height = iHeight / 1.25 + "px";//提示框的高(上面定义过) msgObj.style.textAlign = "center"; //文本位置属性,居中。 msgObj.style.lineHeight = "15px"; //行间距 msgObj.style.zIndex = "102"; //层的z轴位置 msgObj.style.borderRadius = "5px"; msgObj.style.fontsize = "12px"; document.body.appendChild(msgObj); msgObj.innerHTML += "<a style=\"display:inline-block;text-decoration:none;margin-top:12px;margin-bottom:1px;padding-bottom:5%;font-size:18px;font-family:微软雅黑;color:rgb(0,0,0);font-weight:bold\" target=\"_blank\">指标口径说明</a>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left; font-size:12px;\">★ 提示:所有广场指租赁系统已授权广场数据</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">总铺位数:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场总可租铺位数</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left; margin-top: 0.5em; font-size:12px;\">总可租面积:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场总可租面积</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">已签铺位:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场已签约铺位数</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">已签面积:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场已签约面积</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">意向铺位:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场意向铺位数量</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">意向面积:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场意向面积</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">空铺数量:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,合同考核广场(总铺位数-合同签约铺位数)+意向考核广场(总铺位-合同签约铺位数-一般商铺的意向签约铺位数)</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">空铺面积:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">口径同空铺数量</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">签约完成率:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场合同签约面积/总可租面积</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; text-align:left;margin-top: 0.5em; font-size:12px;\">意向完成率:</p>"; msgObj.innerHTML += "<p style=\"margin-left: 1em; margin-top: 0.5em; text-align:left; font-size:10px;\">数据日期当日,所有广场意向签约面积/总可租面积</p>"; msgObj.innerHTML += "<button id=\"abn\" style=\"display: inline-block;border:0px;margin-top:12px;background-color:transparent;outline:none; padding-bottom:0;width:80%;font-size:15px;font-family:微软雅黑;color:dodgerblue;font-weight:bold;margin-bottom:15px\">知道了</button>"; //var oClose = document.getElementById("close"); //点击关闭按钮和点击提示框以外的区域都可以关闭提示框 bgObj.onclick = function() { document.body.removeChild(msgObj); document.body.removeChild(bgObj); } abn.onclick = function() { document.body.removeChild(msgObj); document.body.removeChild(bgObj); } |