`
有崖生110
  • 浏览: 55229 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js的消息框和函数

    博客分类:
  • js
 
阅读更多

在js中,可以创建三种消息框:警告框、确认框、提示框。

警告框:

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。


<html>

<head>

<script type="text/javascript">

function disp_alert()

{

alert("我是警告框!!")

}

</script>

</head>

<body>

<input type="button" onclick="disp_alert()" value="显示警告框" />

</body>

</html>

 

 

确认框:

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

与警告框相比这里让用户多个取消的选择,而且会产生返回值(页面可以根据返回值触发相应的事件)。




 <html>

<head>

<script type="text/javascript">

function show_confirm()

{

var r=confirm("Press a button!");//后面括弧里面的值是让用户接受的信息,用户根据这些信息选择确定或者取消

if (r==true)

  {

  alert("You pressed OK!");

  }

else

  {

  alert("You pressed Cancel!");

  }

}

</script>

</head>

<body>

<input type="button" onclick="show_confirm()" value="Show a confirm box" />

</body>

</html>

提示框:

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

<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>

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

1、将脚本编写为函数,就可以避免页面载入时执行该脚本。

2、函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。

3、你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。

4、函数在页面起始位置定义,即 <head> 部分。

函数你就看成编程中一个普通的方法就是了,可以传参,可以有返回值,根据你的需要来设计。。

注意:大小写,只能是function

function prod(a,b)
{
x=a*b
return x
}//有返回值也无需定义返回类型
<html>
<head>
<script type="text/javascript">
function displaymessage()
{
alert("Hello World!")
}
</script>
</head>

<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" >
</form>
</body>
</html>

 


  • 大小: 8.8 KB
  • 大小: 9.2 KB
  • 大小: 8.3 KB
  • 大小: 8.6 KB
  • 大小: 15.5 KB
分享到:
评论

相关推荐

    QQ浮动消息框源码 QQ浮动消息框源码

    在`enetgetMsg`函数中,通过`document.getElementById("enetMeng")`获取了消息框DOM元素,并通过`style.top`、`style.left`、`offsetHeight`和`offsetWidth`属性来获取和设置元素的位置和尺寸。这些属性是DOM操作中...

    html5消息框JS网页特效

    HTML5的引入,结合JavaScript的灵活性,使得开发者可以创建出更具个性化和吸引力的消息框。 首先,让我们了解HTML5的新特性如何帮助实现这一目标。HTML5提供了许多新的元素和API,如canvas用于绘制图形,web ...

    js实现警告框消息框和确认框特效.zip

    在JavaScript(JS)开发中,有时我们希望提供更为丰富的用户交互体验,比如使用自定义的警告框、消息框和确认框来替代浏览器默认的简单对话框。本项目"js实现警告框消息框和确认框特效.zip"正是为了解决这个问题而...

    Js弹出淡入淡出消息框.pdf

    在给定的PDF文档中,描述了一个用JavaScript实现的弹出消息框函数`MessShow`,以下将详细解析这个函数及其工作原理。 首先,`MessShow`函数接收一系列参数,包括`id`、`width`、`height`、`caption`、`title`、`...

    asp.net弹出消息框 类似msn的消息框

    综上所述,创建一个类似MSN消息框的弹出消息功能主要涉及客户端的JavaScript和jQuery技术,以及ASP.NET服务器端的脚本注册。通过结合这些技术,你可以为用户提供一个美观且实用的提示系统,增强网站的用户体验。在...

    消息框,,,网页消息框收集

    - `confirm()`:显示一个带有“确定”和“取消”按钮的确认消息框,根据用户选择返回`true`或`false`。 随着前端技术的发展,现代网页应用更倾向于使用更加美观和可定制的组件库,例如Bootstrap的Modal、jQuery UI...

    利用Jquery消息框,源代码提供

    jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理和Ajax交互,同时也为开发者提供了丰富的插件和扩展功能,如我们今天要讨论的消息框。 首先,理解jQuery消息框的基本概念。消息框通常用于向用户...

    js消息框文字自动向上滚动代码

    总结起来,这个项目提供了一个用纯JavaScript实现的自动向上滚动的消息框,可以通过调整CSS样式和JavaScript参数来自定义滚动效果。这种技术在实时更新信息或者在有限空间展示大量文本的场景下非常有用。通过学习和...

    弹出消息框

    综上所述,实现“弹出消息框”的功能涉及到后台与前端的通信、消息处理机制、UI设计原则等多个方面,需要开发者具备扎实的编程基础和良好的用户体验设计意识。通过合理运用这些知识点,我们可以创建出既高效又用户...

    jQuery 实现徐徐升起的qq消息框

    我们可以设置一个函数,当需要显示消息时,调用此函数来改变消息框的位置和透明度。例如: ```javascript function showMessage() { $('#messageBox').animate({ bottom: '0', opacity: 1 }, 1000, function() ...

    jquery仿QQ消息框

    总结,使用jQuery创建仿QQ消息框主要涉及HTML结构设计、CSS样式定制和jQuery函数的编写。通过以上步骤,我们可以实现一个功能完善的、具有动态效果的消息提示系统,为用户提供更加友好的交互体验。在实际项目中,还...

    asp.net中弹出消息框后跳转页面

    在ASP.NET中实现弹出消息框后跳转页面通常涉及到客户端脚本(JavaScript)和服务器端代码的结合使用。其中,JavaScript负责在客户端弹出消息框并处理页面跳转,而ASP.NET则主要负责数据处理和页面逻辑控制。 #### ...

    自低向上升起消息框,仿MSN、QQ消息框

    在Windows操作系统中,消息框是由MessageBox函数创建的,而在Web开发中,可以使用JavaScript的alert、prompt和confirm函数,或者使用各种前端框架如React、Vue、Angular等提供的组件来实现。 仿照MSN和QQ的消息框...

    简单原生js文字向上滚动消息框代码

    这个"简单原生js文字向上滚动消息框代码"提供了一种实现方式,它不依赖于任何JavaScript库如jQuery,而是完全基于原生JavaScript编写,这使得它在性能和加载速度上具有优势。 首先,`index.html`是网页的主文件,它...

    div弹出模式窗体,消息框样式。

    这通常通过JavaScript实现,使用`setTimeout`函数设置一个计时器,在指定时间后调用函数关闭消息框。同时,也可以提供一个取消自动关闭的选项,让用户自行决定是否保持消息框打开。 6. **交互元素**: 消息框通常...

    js向上滚动消息框代码.zip

    JS向上滚动消息框代码提供了一种简单实用的解决方案,利用JavaScript的原生功能来实现信息的动态展示。这种特效通常用于显示通知、提示或者更新信息,以吸引用户的注意力并传递必要的消息。 1. **HTML结构基础** ...

    JS调用DLL实例2

    该函数的调用语句为 `MessageBox(0, "API Message Box", "Win32 API", 64)`,其中 `0` 是父窗口的句柄,`"API Message Box"` 是消息框的文本,`"Win32 API"` 是消息框的标题,`64` 是消息框的类型。 四、实现细节 ...

    net C# webform msgbox 警告、确认消息框

    从标题和描述来看,这个资源可能包含了一些关于如何在C# WebForm应用中使用JavaScript模拟消息框或创建自定义对话框的示例和经验总结。这些技巧对于增强Web应用程序的用户交互性和响应性是非常有价值的。通过学习和...

    弹出消息框的不同位置效果

    在Java中,`JOptionPane`类提供了创建消息框的方法,开发者可以通过`setLocation`或`setModalExclusionType`等方法来调整消息框的位置和行为。在JavaScript中,虽然原生的`alert`、`confirm`和`prompt`函数没有位置...

Global site tag (gtag.js) - Google Analytics