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) {
