html自动弹出一个小窗口,JS弹出小窗口实例
JS弹出小窗口实例
演示地址:
具体代码:
-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
弹出小窗口示例
点击弹出小窗口
var isshow=0;//0小窗口没有显示,1小窗口已显
function creatediv()
{????????????
????var msgw,msgh,bordercolor;
????msgw=400;//提示窗口的宽度
????msgh=505;//提示窗口的高度
????var sWidth,sHeight;
????if( top.location == self.location )
????????doc = document;
????var docElement = doc.documentElement;
????sWidth=docElement.clientWidth;
????sHeight = docElement.clientHeight;
????if( docElement.scrollHeight > sHeight )
????????sHeight = docElement.scrollHeight;
????var bgObj=document.createElement(“div”);
????bgObj.setAttribute(‘id’,’bgDiv’);
????bgObj.style.position=”absolute”;
????bgObj.style.top=”0″;
????bgObj.style.left=”0″;
????bgObj.style.background=”#777″;
????bgObj.style.filter=”progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75″;
????bgObj.style.opacity=”0.6″;
????bgObj.style.width=sWidth + “px”;
????bgObj.style.height=sHeight + “px”;
????bgObj.style.zIndex = “10000”;
????document.body.appendChild(bgObj);
????????
????var msgObj=document.createElement(“div”);
????msgObj.setAttribute(“id”,”msgDiv”);
????msgObj.setAttribute(“align”,”center”);
????msgObj.style.position = “absolute”;
????msgObj.style.left = “50%”;
????msgObj.style.background=”#fff”;
????msgObj.style.marginLeft = “-200px” ;
????msgObj.style.top = (document.documentElement.clientHeight/2+document.documentElement.scrollTop-252)+”px”;
????msgObj.style.width = msgw + “px”;
????msgObj.style.height =msgh + “px”;
????msgObj.style.zIndex = “10001”;
????msgObj.innerHTML = “这是弹出的小窗口!点我关闭窗口”;
????document.body.appendChild(msgObj);
}
function delWinD()
{
?? document.getElementById(“bgDiv”).style.display=”none”;
?? document.getElementById(“msgDiv”).style.display=”none”;
?? isshow=0;
}
function show()
{??
????isshow=1;
????if(!document.getElementById(“msgDiv”))//小窗口不存在
????????creatediv();
????else
????{
????????document.getElementById(“bgDiv”).style.display=””;
????????document.getElementById(“msgDiv”).style.display=””;
????????document.getElementById(“msgDiv”).style.top=(document.documentElement.clientHeight/2+document.documentElement.scrollTop-252)+”px”;
????}??
}
html自动弹出一个小窗口,JS弹出小窗口实例相关推荐
- js弹出窗口(JS弹出窗口代码)
javascript 打开窗口方法 有几种?? showModalDialog("url",要传的参数,"画面的一些设置") showModelessDialo ...
- JS教程()js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)
使用js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)代码如下:<input type="text" name="ok" ...
- JS弹出窗口的运用与技巧(转)
//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();< ...
- JS弹出窗口的运用与技巧
//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();< ...
- html点击按钮弹出悬浮窗_JS设置弹出小窗口。
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这 ...
- js弹出窗口总结6种弹窗方法
//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();< ...
- JS弹出窗口Window.Open详解
JS弹出窗口Window.Open详解 一.window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法: windo ...
- linux 弹出窗口,实现弹出窗口的window.open用法详解(js代码)
实现弹出窗口的window.open用法详解(js代码) [1.最基本的弹出窗口代码] 其实代码非常简单: 因为这是一段javascripts代码,所以它们应该放在 cript">标签 ...
- js“弹出对话框”和“弹出窗口”详解
JS中showModalDialog 详细使用 基本介绍: showModalDialog() (IE 4+ 支持) showModelessD ...
最新文章
- 语言在msin函数验证_R语言时间序列分析(七):模型准确度估计
- bzoj1045: [HAOI2008] 糖果传递
- Android应用开发中的风格和主题(style,themes)
- 根据url获取html源码,通过URL访问和获取html源代码
- 互联网晚报 | 12月27日 星期一 | 蚂蚁消费金融增资220亿;小米MIUI13正式官宣;《蜘蛛侠3》登顶全球年度票房冠军...
- 爬虫插件-XPath Helper下载与安装
- linux arm 64 hard float abi,ARMHF(hard-float ABI for ARM)
- 计算机网络—CSMA/CA协议
- 软件类配置(七)【ubuntu16.04安装netbeans、opencv并配置开发环境。】
- ACM基础题——小刘认亲
- 谈谈mysql的悲观和乐观锁 - 周伯通的麦田 - 博客园
- PIPIOJ1166PIPI的棋盘
- kali2022.1 firefox developer (换成开发者版本火狐)
- 深度解析javaScript常见数据类型检查校验
- 使用Mailgun API简化应用程序中的电子邮件
- 塔望3W消费战略全案丨阳澄湖牌大闸蟹:承诺就是价值,打响官方第一枪
- 2021-SZTU第一届acm校赛总结
- 基于Arduino和AIDA64的lcd1602显示电脑状态
- 编写一个c语言程序 杨辉三角,杨辉三角 c语言
- 小a和uim之大逃离,洛谷之提高历练地,动态规划TG.lv(1)(3-2)