window.js 主要包含了页面的一些操作
2024-05-06 14:12:11
供稿：网友
代码如下:
//处理页面异常
function Exception() {
}
//页面元素共同接口
function View() {
//页面元素
this.element = null;
//文字颜色
this.color = null;
//设置样式
this.setStyle = function(name, value) {
eval("this.element.style." + name + " = '" + value + "'");
}
//获取样式
this.getStyle = function(name) {
return eval("this.element.style." + name);
}
//设置浮动样式
this.setFloat = function(styleFloat) {
this.setStyle("styleFloat", styleFloat);
}
//设置背景色
this.setBackgroundColor = function(backgroundColor) {
this.setStyle("backgroundColor", backgroundColor);
}
//获取背景色
this.getBackgroundColor = function() {
return this.getStyle("backgroundColor");
}
//设置对象宽度
this.setWidth = function(width) {
//alert(width);
this.setStyle("width", width);
}
//设置对象宽度
this.setHeight = function(height) {
this.setStyle("height", height);
}
//设置页面定位
this.setPosition = function(position) {
this.setStyle("position", position);
}
//设置层
this.setZIndex = function(zIndex) {
this.setStyle("zIndex", zIndex);
}
//左边距离
this.setLeft = function(left) {
this.setStyle("left", left);
}
//上边距离
this.setTop = function(top) {
this.setStyle("top", top);
}
//是否换行
this.setWhiteSpace = function(whiteSpace) {
this.setStyle("whiteSpace", whiteSpace);
}
this.setMargin = function(margin) {
this.setStyle("margin", margin);
}
this.setPadding = function(padding) {
this.setStyle("padding", padding);
}
//设置属性
this.setAttributeIsHave = function(attrName, value) {
eval("this.element.setAttribute('" + attrName + "', '" + value + "')");
}
this.setId = function(id) {
this.setAttributeIsHave("id", id);
}
this.setInnerText = function(innertext) {
this.setAttributeIsHave("innerText", innertext);
}
//加入自定义属性
this.setAttributeIsNot = function(attrName, value) {
var attr = document.createAttribute(attrName);
attr.value = value;
this.element.setAttributeNode(attr);
}
//事件监听
this.eventListener = function(eventName, exec) {
this.element.attachEvent(eventName, exec);
}
//鼠标移入对象事件
this.onmouseenterListener = function(exec) {
this.eventListener("onmouseenter", exec);
}
//鼠标移出对象事件
this.onmouseleaveListener = function(exec) {
this.eventListener("onmouseleave", exec);
}
//鼠标单击对象事件
this.onclickListener = function(exec) {
this.eventListener("onclick", exec);
}
}
//单一元素
function Single() {
View.call(this);
}
//可以有子元素
function Multi() {
View.call(this);
//子元素集合
this.childElementList = new Array();
//加入子元素
this.addView = function(childElement) {
