`

jsoo编程实例之模拟弹出窗口

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE></TITLE> 
 </HEAD>
 <BODY>
 </BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
	function setStyle(obj,sty){
		var style = obj.style;
		for(var tmp in sty){
			style.setAttribute(tmp, sty[tmp]);
		}
	}
	
	Win = function(msg){
		var win = document.createElement("div");
		setStyle(win,{border:"1px red solid",width:"80px",height:"100px",position:"absolute",top:"100px",left:"300px"});
		//win.style.width="80px";
		//win.style.height="100px"; 
		//win.style.border="1px red solid";
		//win.style.position="absolute";  
		//win.style.top="100px"  ;
		//win.style.left="300px";
		var textNode = document.createTextNode(msg);
		win.appendChild(textNode);
		var onclkdiv =  document.createElement("div");
		var onclk = document.createElement("input");
		onclk.type = "button";
		onclk.value = "ok";
		onclk.onclick=function(){
			document.body.removeChild(win);
		}
		onclkdiv.appendChild(onclk);
		win.appendChild(onclkdiv);
		document.body.appendChild(win);
		
	}

	Win("hello world");

//-->
</SCRIPT>

分享到:
评论

相关推荐

    Div模拟winows弹出窗口

    本主题“Div模拟Windows弹出窗口”就是关于如何利用这些技术创建一个与JavaScript内置`alert()`函数类似,但外观更加美观且可自定义的对话框。 首先,我们从HTML基础开始。在页面上,你需要一个隐藏的`div`元素,...

    JS弹出窗口JS弹出窗口JS弹出窗口JS弹出窗口

    例如,可以创建一个隐藏的div作为弹出窗口,通过JS改变其显示状态来模拟弹窗: ```html ;"&gt; 自定义弹出窗口 这里可以放置任意内容。 ()"&gt;关闭 function showPopup() { document.getElementById('customPopup...

    js 自动弹出窗口 下来菜单效果

    在探讨“js自动弹出窗口下来菜单效果”的知识点时,我们不仅关注JavaScript代码本身,还应当深入了解其背后的逻辑与应用场景。这段代码展示了如何利用JavaScript创建一个动态下拉菜单,并在用户选择菜单项时自动打开...

    js 实例(页面弹出窗口、图片倒转等)

    在这个名为"js 实例(页面弹出窗口、图片倒转等)"的压缩包中,我们能看到一系列实用且有趣的JavaScript特效实现,非常适合开发者们学习和参考。这些实例涵盖了从基本的页面交互到复杂的视觉效果,让我们一一探讨。 ...

    js 弹出页面+弹出窗口

    在JavaScript(JS)中,弹出页面和弹出窗口是两种常见的用户交互方式,它们能够提供额外的信息或者增强用户体验。本文将深入探讨如何利用JS实现这两种功能。 首先,"弹出页面"通常指的是在一个新浏览器窗口中打开一...

    点击按钮弹出窗口

    在IT行业中,"点击按钮弹出窗口"是一个常见的交互设计技术,主要应用于...在Web开发中,前端框架如Bootstrap、Vue.js或React.js也提供了更便捷的方法来创建弹出窗口,这些框架通常封装了弹出框组件,简化了开发过程。

    模拟QQ2009的div弹出窗口

    在IT行业中,模拟QQ2009的div弹出窗口是一项常见的前端开发任务,它涉及到网页交互设计和JavaScript编程。这种弹出窗口主要用于提供信息提示、用户反馈、表单提交等,增强了用户体验并提升了网站的互动性。在这个...

    js css3九宫格弹出窗口代码.zip

    本项目“js css3九宫格弹出窗口代码”正是利用这两者,为用户提供了一个独特的九宫格布局,当用户点击某个单元格时,会弹出一个窗口展示详细信息,同时带有动画效果,提升了用户体验。 JavaScript是一种轻量级的...

    9种js弹出动态窗口的 php代码

    - `$.fn.alert()`, `$.fn.confirm()`, `$.fn.prompt()`:这些是jQuery模拟原生JavaScript弹出对话框的方式,增强了样式和交互性。 4. **动态加载内容**:使用Ajax技术,可以在不刷新整个页面的情况下,动态地向弹...

    lhgDialog JS弹出窗口 v4.0.0

    lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件。 专为大型弹出窗口定制 相对于网上其它弹出窗口组件主要功能是提示信息来说,本组件主要是用来制作窗口中内容较多,页面比较复杂的窗口。本组件的窗口...

    js弹出窗口\GenJS

    - 初始化:根据文档或API创建弹出窗口实例。 - 自定义:设置弹出窗口的样式、内容和行为。 - 显示和隐藏:调用提供的函数来显示或隐藏弹出窗口。 - 事件绑定:绑定事件监听器以响应用户的操作。 4. **实际应用*...

    JS弹出窗口使用说明

    JavaScript(简称JS)是一种轻量级的编程语言,广泛用于网页和网络应用开发,而弹出窗口是JS中常见的交互方式。这篇文档主要介绍了名为lhgdialog的JS弹出窗口控件的使用方法。 lhgdialog控件由一系列文件组成,它们...

    js弹出窗口 + 获取上传文件全路径

    在这个场景中,我们关注的是"js弹出窗口 + 获取上传文件全路径"的主题。这涉及到两个主要的知识点:JavaScript创建弹出窗口以及获取文件的完整路径。 首先,让我们详细探讨JavaScript创建弹出窗口。在Web开发中,弹...

    ajax 弹出窗口实例

    /* 确保弹出窗口位于其他元素之上 */ } ``` 通过这个简单的Ajax弹出窗口实例,我们可以了解到如何使用Ajax技术实现动态数据加载,以及如何与服务器端进行通信。这种技术在网页应用中广泛应用,如实时聊天、无刷新...

    javascript 弹出窗口

    在JavaScript编程中,弹出窗口是一种常见的用户交互方式,它能够提供信息提示、确认操作或者展示更复杂的对话框。在给定的标题“javascript 弹出窗口”和描述“推荐一个非常好用的javascript弹出窗口控件”中,我们...

    无限制弹出窗口(JS)

    标题“无限制弹出窗口(JS)”指的是在网页中利用JavaScript实现的一种技术,它允许开发者创建无限数量或在用户浏览过程中持续出现的弹出窗口。这种技术可能会被滥用,导致用户体验下降,甚至被认为是恶意行为,如广告...

    js弹出窗口demo

    自己做的js弹出窗口demo,非常好用,js加密可通过百度解密工具解密

    JS+HTML非常漂亮的 弹出小窗口 div弹出层

    JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层

    js 特效 html 特效 离开页面弹出窗口

    js 特效 html 特效 离开页面弹出窗口 js 特效 html 特效 离开页面弹出窗口

    js实现弹出窗口

    js实现弹出窗口 实现登录及其他效果 高亮效果

Global site tag (gtag.js) - Google Analytics