`
fuyangchang
  • 浏览: 147191 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

javascript 弹出窗口总结

阅读更多
1 、用函数控制弹出窗口

下面是一个完整的代码:

< html>

< head>

< script LANGUAGE="JavaScript">

< /script>

< /head>

< body onload="openwin()">

…任意的页面内容…

< /body>

< /html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。

怎么调用呢?

方法一:< body onload="openwin()"> 浏览器读页面时弹出窗口;

方法二:< body onunload="openwin()"> 浏览器离开页面时弹出窗口;

方法三:用一个连接调用:< a xhref="http://jesse.blogs-china.com/#" onclick="openwin()">打开一个窗口< /a>

注意:使用的”#”是虚连接。

方法四:用一个按钮调用:< input type="button" onclick="openwin()" value="打开窗口">

2.弹出的窗口之定时关闭控制

下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它10秒后自动关闭是不是更酷了?

首先,将如下代码加入page.html文件的< head>区:

< script language="JavaScript">

function closeit() ...{

setTimeout(”self.close()”,
10000//毫秒

}


< /script>

然后,再用< body onload="closeit()"> 这一句话代替page.html中原有的< BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

3.弹出包含是否的对话框

<script   language="javascript">  
          window.execScript("myVar   =   msgbox('您确定要注销吗?',VbYesNo   +   VbQuestion   +   vbDefaultButton1,'提问')","vbscript");  
          
if(myVar   ==   "6")  
          
...{  
                  alert(
"执行事件1");  
          }
  
          
else  
          ...{  
                  alert(
"执行事件2");  
          }
  
  </script>
   
4.弹出包含是否取消的对话框

 <script   language="JavaScript">  
  
<!--  
  
var   ret;  
  execScript(
'ret=MsgBox("是,否还是取消?你看着办",35,"哈哈")','VBScript');  
  
if(ret==6)   alert("");  
  
if(ret==7)   alert("");  
  
if(ret==2)   alert("取消");  
  
-->  
  
</script>   




分享到:
评论

相关推荐

    JAVASCRIPT弹出窗口大总结

    ### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...

    玩透javascript弹出窗口

    总结起来,JavaScript弹出窗口通过`window.open`函数实现,可以根据需求自定义窗口的属性,如大小、位置和显示元素,并通过函数和事件绑定来控制何时打开窗口。掌握这些知识,你可以更加灵活地在网页中实现各种弹出...

    JAVASCRIPT弹出窗口代码

    ### JavaScript弹出窗口代码详解 在网页开发过程中,有时我们需要创建一个新的浏览器窗口来显示特定的信息或功能,这就需要用到JavaScript中的`window.open()`方法。本文将详细介绍如何使用此方法以及其参数的意义...

    javascript弹出窗口问题总结

    本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...

    javascript弹出窗口命令总结

    ### JavaScript 弹出窗口命令总结 #### 一、概述 在网页开发中,JavaScript 提供了多种用于创建弹出窗口的方法。这些方法可以帮助开发者在不离开当前页面的情况下展示额外的信息或进行用户交互。本文将详细介绍 `...

    javascript操作DIV总结(弹出窗口篇)

    以上就是关于JavaScript操作DIV,特别是弹出窗口的总结。实际开发中,还可以结合AJAX、jQuery等技术进一步提升效率和功能。希望这篇总结能对你的学习有所帮助,也欢迎你分享更多实践经验和技巧。

    JavaScript弹出窗口方法汇总_.docx

    本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些方法。 一、无提示刷新网页 在 Web 开发中,我们经常遇到需要刷新网页的情况。有的网页在刷新时会弹出提示窗口,而有的页面则不会...

    asp.net常用的javascript弹出窗口代码

    ### ASP.NET 中 JavaScript 弹出窗口的常用代码详解 在 Web 开发中,JavaScript 的弹出窗口功能是非常实用且常见的一个特性。对于 ASP.NET 开发者来说,掌握这些技巧能够帮助他们在开发过程中更加灵活地控制页面...

    javascript 弹出窗口

    总结来说,JavaScript弹出窗口技术不仅可以使用内置的`alert()`, `prompt()`, `confirm()`函数,还可以通过自定义HTML和CSS实现更复杂的模态对话框。在实际项目中,自定义弹出层通常会结合JavaScript和CSS,提供更加...

    弹出窗口资料弹出窗口资料

    总结,弹出窗口是Web开发中的重要组件,涉及HTML、CSS、JavaScript等多个技术领域。了解其工作原理、合理使用以及优化策略,有助于创建更高效、友好的用户界面。通过分析提供的文件,可以深入学习这些知识点,并实际...

    javascript弹出窗口

    - **参数**:`message` 表示显示在弹出对话框中的文本。 - **返回值**:该函数没有返回值。 **示例代码**: ```javascript alert("这是一个警告框"); ``` **应用场景**:通常用于提示用户注意一些信息,如错误...

    JS 弹出窗口 javascript

    总结,JavaScript的弹出窗口功能是增强网页交互性的关键工具。通过理解并熟练运用`alert()`, `confirm()`, `prompt()`以及自定义模态对话框,开发者可以创造出更丰富、更具吸引力的用户体验。然而,在实际应用中,需...

    javascript 实现弹出小窗口

    - **核心知识点**:通过 JavaScript 代码创建一个新窗口或弹出窗口,并能够控制其大小、位置以及各种浏览器工具栏的显示与隐藏等属性。 #### 标签:弹出小窗口 - **关键词提取**:此标签表明文章的主题是围绕“弹出...

    在ASP.NET中实现弹出窗口总结

    总结起来,ASP.NET中实现弹出窗口的方法多样,可以根据项目需求选择合适的技术栈。JavaScript和jQuery是最基础的选择,而ASP.NET AJAX Control Toolkit和ASP.NET MVC则提供了更高级的功能。无论哪种方式,关键在于...

    js-弹出窗口

    总结,创建一个简单的JavaScript弹出窗口涉及HTML结构的构建、CSS样式的设定以及JavaScript事件处理的编写。通过合理组合这些元素,我们可以创建出既有视觉吸引力又具有良好交互性的弹出窗口。在这个案例中,"弹出...

    javascript div弹出窗口 可封装为JS类

    总结来说,"javascript div弹出窗口 可封装为JS类"这个主题涉及到了JavaScript基础、HTML DOM操作、CSS样式设计以及模块化编程思想。通过封装`div`弹窗为JS类,我们可以创建一个灵活、可维护的弹窗系统,便于在各种...

    js弹出窗口总结

    总结,JavaScript弹出窗口是与用户进行交互的重要手段。从简单的`alert`、`confirm`、`prompt`到自定义模态对话框,再到第三方库的支持,开发者可以根据实际需求选择最适合的方法来实现弹出窗口。理解并掌握这些技巧...

    div做的弹出窗口

    总结起来,这个项目是一个使用HTML、CSS和JavaScript实现的自定义弹出窗口,具有拖动功能,提供了一种更加灵活和个性化的用户体验。通过学习和理解这个项目,开发者可以提升在前端交互设计和实现上的技能。

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

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

Global site tag (gtag.js) - Google Analytics