脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS弹出对话框

JS弹出对话框实现方法(三种方式)

 更新时间：2015年12月18日 10:46:32   作者：HackerVirus  
这篇文章主要介绍了JS弹出对话框实现方法,结合实例形式分析了三种方式,包括alert、confirm及prompt,非常简单实用,需要的朋友可以参考下

本文实例讲述了JS弹出对话框实现方法。分享给大家供大家参考，具体如下：

1.警告框

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框！！")
}
</script>
</head>
<body>
<input type="button" onclick="disp_alert()" value="显示警告框" />
</body>
</html>

2.确定取消框

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("按下按钮")
if (r==true)
  {
  document.write("您按了确认！")
  }
else
  {
  document.write("您按了取消！")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_confirm()" value="显示确认框" />
</body>
</html>

3.有输入的框

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("请输入您的名字","Bill Gates")
if (name!=null && name!="")
  {
  document.write("你好！" + name + " 今天过得怎么样？")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="显示提示框" />
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JavaScript与ActionScript3两者的同性与差异性

    JavaScript与ActionScript3两者的同性与差异性

    接触JavaScript和ActionScript3也有近5年的时间了，它们都是应用比较广泛的脚本语言.接下来通过本文给大家介绍JavaScript与ActionScript3两者的同性与差异性，感兴趣的朋友一起学习吧
    2016-09-09
  • Echarts中的clear()和dispose()用法实例

    Echarts中的clear()和dispose()用法实例

    这篇文章主要给大家介绍了关于Echarts中clear()和dispose()用法的相关资料,clear和dispose是echarts提供的用于解决内存溢出的方法 ,文中介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • 浅谈js中变量初始化

    浅谈js中变量初始化

    这篇文章主要介绍了浅谈js中变量初始化的相关资料,需要的朋友可以参考下
    2015-02-02
  • js实现简单拼图小游戏

    js实现简单拼图小游戏

    这篇文章主要为大家详细介绍了js实现简单拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • webpack构建打包的性能优化实战指南

    webpack构建打包的性能优化实战指南

    webpack是前端开发中比较常用的打包工具之一,另外还有gulp,grunt,下面这篇文章主要给大家介绍了关于webpack构建打包的性能优化的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-03-03
  • OpenLayers3实现对地图的基本操作

    OpenLayers3实现对地图的基本操作

    这篇文章主要为大家详细介绍了OpenLayers3实现对地图的基本操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

    JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

    最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样，于是很好奇研究并写了一个,经测试感觉还不错，感兴趣的你可以来看看哦
    2013-01-01
  • iconfont的三种使用方式详解

    iconfont的三种使用方式详解

    这篇文章主要介绍了iconfont的三种使用方式,需要的朋友可以参考下
    2018-08-08
  • TypeScript装饰器与反射元数据实例详解

    TypeScript装饰器与反射元数据实例详解

    TypeScript的装饰器为我们提供了一种强大的工具,可以在运行时改变类的行为,通过理解装饰器的工作原理,我们可以创造更加强大、灵活且易于维护的应用,这篇文章主要介绍了TypeScript装饰器与反射元数据,需要的朋友可以参考下
    2023-09-09
  • JS使用cookie实现只出现一次的广告代码效果

    JS使用cookie实现只出现一次的广告代码效果

    我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况，其实是运用了Cookie 存储 web 页面的用户信息，Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中
    2017-04-04

最新评论