用javascript面向对象的方式制作弹出层
说
【菜科解读】
由于本人以前是.net程序员，所以即使现在在做前端，也习惯于用面向对象的方式编写js脚本，我想如果你以前也是或者现在还是名第三代程序员的话，应该对此并不陌生。
说到js的面向对象，就不得不提到prototype这个js内置属性了(注意：这里的prototype可不是prototype.js),它的作用就是可以动态的向一个对象(object)添加某种属性。
我现在要做的就是尽可能的让代码达到公用，像继承啦之类的。
好了，这些就不多说了，对prototype不了解的可以搜索下相关内容。
今天要做的是点击一个html元素让其弹出一个友好的对话框来，首先要明确两点，一点是我可能会大量的用到这种方式，甚至不希望出现系统的alert或confirm，第二点就是弹出的内容尽量的可以多种化，甚至可以自定义。
明确这两点后，我们就可以写js代码了，都是些很初级的东西，如果你要鄙视的话就尽情的鄙视我吧！^.^
首先定义一个简单的对象:function objDIV() {this.bgdiv ;this.infodiv ;} 首先，我们希望弹出一个遮罩层，我给它命名openBackDiv();
function openBackDiv(txbdiv) {txbdiv.bgdiv = document.createElement("div");txbdiv.bgdiv.setAttribute("id", "overDiv");txbdiv.bgdiv.innerHTML = "";
} 再者，把它添加到刚刚定义的对象的prototype里去(openBG()):
objDIV.prototype.openBG = function() {openBackDiv(this);document.body.appendChild(this.bgdiv);this.bgdiv.style.display = "block";this.bgdiv.style.width = document.documentElement.clientWidth + "px";this.bgdiv.style.height = document.documentElement.scrollHeight + "px";}
再就是添加弹出信息层的方法,和上面一样做就行了。
所以才说这个是很基础的东西，好像确实没啥好说的，直接上代码吧！
这是一个正在加载的弹出层，有点粗糙. function openLoadDiv(txbdiv) {txbdiv.infodiv = document.createElement("div");txbdiv.infodiv.setAttribute("id", "div_info");txbdiv.infodiv.innerHTML = "
请稍等，正在处理中...
";document.body.appendChild(txbdiv.infodiv);txbdiv.infodiv.style.width = "550px";txbdiv.infodiv.style.height = "270px";txbdiv.infodiv.style.fontSize = "14px";txbdiv.infodiv.style.position = "absolute";txbdiv.infodiv.style.background = "#fff";txbdiv.infodiv.style.zIndex = "9999";centerobject();//居中的方法}objDIV.prototype.openLoading = function() { this.openBG(); openLoadDiv(this); }
做完这些后一个简单的弹出加载层就完成了.是不是有点成就感了，那么接着完成其他的工作吧！既然都弹出了，总得在某个时刻把它们移掉吧，下面就是移除这些层的方法。
objDIV.prototype.removeBG = function() {if (this.bgdiv || document.getElementById("overDiv")) {if (this.bgdiv) {document.body.removeChild(this.bgdiv);} else {document.body.removeChild(document.getElementById("overDiv"));}}}objDIV.prototype.removeInfo = function() {this.removeBG();if (this.infodiv) {document.body.removeChild(this.infodiv);} else {document.body.removeChild(document.getElementById("div_info"));}}
如果想弹出不同层信息的话，就可以添加不同的prototype属性。
用,javascript,面向,对象,的,方式,制作,弹出,win10暴风激活工具如何用
系统版本：windows10系统品牌型号：华硕VivoBook14软件版本：暴风一键激活方法1.首先我们点击暴风官网右上角的下载按钮，进入百度网盘进行下载，下载完毕后进行解压，然后双击运行暴风激活工具!2.由于暴风激活工具属于新的激活工具，还没有完全经过各大杀毒软件的检测，为了广大用户的激活成功率，最好先关闭电脑上的杀毒软件!3.关闭杀毒软件后暴风激活工具开始进行系统或Office软件的激活!请各位用户耐心等待几秒钟时间!4.系统激活完毕后重启电脑后查看激活状态,看是否永久激活!总结以上就是小编分享给大家win10暴风激活工具的具体教程，希望对大家有帮助。
如何使用U盘开机重装系统
软件支持 在线重装、U盘制作、自定义重装 等多种模式。
简介：随着科技的快速发展，电脑已经成为我们日常生活中不可或缺的工具。
然而，由于各种原因，我们有时候需要重装系统以解决一些问题或提升电脑性能。
而使用U盘开机重装系统成为了一种快速且便捷的方法。
本文将为大家介绍如何使用U盘开机重装系统，帮助大家轻松解决系统问题。
工具原料：系统版本：Windows 10、Mac OS品牌型号：戴尔XPS、苹果MacBook Pro软件版本： Rufus 3.10、TransMac 14.1一、准备U盘和系统镜像文件1、首先，准备一根容量充足的U盘，一般来说，8GB的U盘就足够了。
2、然后，下载相应的系统镜像文件，可以通过官方网站或第三方软件下载合法的系统镜像文件。
3、使用Rufus等工具将系统镜像文件写入U盘。
二、设置电脑启动顺序1、连接准备好的U盘到需要重装系统的电脑上。
2、进入电脑的BIOS设置界面，一般是通过按下电源按钮后按下F2、F10或Delete键进入。
3、在BIOS设置界面中，找到启动选项并将U盘设置为首选启动设备。
4、保存设置并退出BIOS界面。
三、开机重装系统1、重新启动电脑，并按照屏幕上的提示按任意键进入系统安装界面。
2、选择语言、时区和键盘布局等设置，然后点击下一步。
3、接着，选择“自定义安装”或“清空并安装新系统”选项，根据个人需求选择适合自己的选项。
4、在磁盘选择界面，选择要安装系统的磁盘，并点击下一步开始安装系统。
四、总结通过使用U盘开机重装系统，我们可以轻松解决电脑系统问题，并提升电脑性能。
在操作过程中，注意保存重要数据，避免数据丢失。
同时，选择合适的系统镜像文件和工具版本也是非常重要的。
希望本文的介绍能够帮助大家快速掌握使用U盘开机重装系统的方法，让我们的电脑始终保持良好的运行状态。
标签： 注意：本站所刊载的文章均为学习交流之用，请勿用于商业用途。
对于商业使用，请联系各自版权所有者，否则法律问题自行承担。
Win7系统升级指南：全面解析升级步骤与要点 Win7系统损坏修复教程：详细步骤助你快速解决问题 简介：随着科技的快速发展，电脑已经成为我们日常生活中不可或缺的工具。
然而，由于各种原因，我们有时候需要重装系统以解决一些问题或提升电脑性能。
而使用U盘开机重装系统成为了一种快速且便捷的方法。
本文将为大家介绍如何使用U盘开机重装系统，帮助大家轻松解决系统问题。
工具原料：系统版本：Windows 10、Mac OS品牌型号：戴尔XPS、苹果MacBook Pro软件版本： Rufus 3.10、TransMac 14.1一、准备U盘和系统镜像文件1、首先，准备一根容量充足的U盘，一般来说，8GB的U盘就足够了。
2、然后，下载相应的系统镜像文件，可以通过官方网站或第三方软件下载合法的系统镜像文件。
3、使用Rufus等工具将系统镜像文件写入U盘。
二、设置电脑启动顺序1、连接准备好的U盘到需要重装系统的电脑上。
2、进入电脑的BIOS设置界面，一般是通过按下电源按钮后按下F2、F10或Delete键进入。
3、在BIOS设置界面中，找到启动选项并将U盘设置为首选启动设备。
4、保存设置并退出BIOS界面。
三、开机重装系统1、重新启动电脑，并按照屏幕上的提示按任意键进入系统安装界面。
2、选择语言、时区和键盘布局等设置，然后点击下一步。
3、接着，选择“自定义安装”或“清空并安装新系统”选项，根据个人需求选择适合自己的选项。
4、在磁盘选择界面，选择要安装系统的磁盘，并点击下一步开始安装系统。
四、总结通过使用U盘开机重装系统，我们可以轻松解决电脑系统问题，并提升电脑性能。
在操作过程中，注意保存重要数据，避免数据丢失。
同时，选择合适的系统镜像文件和工具版本也是非常重要的。
希望本文的介绍能够帮助大家快速掌握使用U盘开机重装系统的方法，让我们的电脑始终保持良好的运行状态。
菜科网系统致力于解决 Windows 系统重装解决方案，提供高效、安全、免费的系统重装服务。
