`
有崖生110
  • 浏览: 53381 次
  • 性别: 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
分享到:
评论

相关推荐

    vue消息弹出框组件需要的文件

    在msgPopup.vue通过发心跳请求获取...2,支持自动关闭和点击关闭,放了关闭监听函数和点击消息框监听函数,放在增加后续行为; 3,放了获取消息和更新消息状态的请求示例; 4,弹框组件挂载全局,不受页面跳转影响。

    W3C JavaScript 高级教程.rar

    JS 消息框 JS 函数 JS For Loop JS While Loop JS Break Loops JS For...In JS 事件 JS Try...Catch JS Throw JS onerror JS 特殊字符 JS 指导方针 JavaScript 对象 JS 对象简介 JS ...

    漂亮的消息提示框 消息提示组件 Javascript写的

    6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。 7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5)...

    JavaScript-MessageBox:JavaScript中的简单MessageBox函数

    JavaScript消息框 JavaScript中的简单MessageBox函数

    通用FormValid1.0-js验证框架

    在要验证的表单元件中设置元件,valid(验证规则),errmsg(提示消息),多个验证使用|作为分隔! 验证规则参数: required 必填 eqaul 和另一元件对比值是否相同,对比的元件名在元件加上属性eqaulName gt 和另一...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:&lt;script type="text/javascript" src="ymPrompt.js"&gt;&lt;/script&gt; 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    javascript初级代码学习.zip

    003-弹出消息框和确认框 004-当前窗口设置为顶级窗口 005-child-window 006-history对象 007 008-设置浏览器地址栏上的URL 001-DOM编程-获取文本框的value 002-DOM编程-innerHTML和innerText操作div和span 003-DOM...

    jQuery 多种对话框

    1、首先在页面中引入ymPrompt.js(如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js)。 2、然后根据需要显示的消息类型调用对应的函数: (1)Alert(content,width,height,title,okFunc,...

    JavaScript核心技术 PDF扫描版

    5.3函数和递归 5.4嵌套函数、函数闭包和内存泄漏 5.5作为对象的函数 5.6习题 第6章捕捉事件 6.1O级DOM上的事件句柄 6.22级DOM上的事件句柄 6.3产生事件 6.4习题 第7章表单与即时验证 7.1访问表单 7.2把事件附加在...

    C#实现客户端弹出消息框封装类实例

    asp.net在服务器端运行,是不能在服务器端弹出对话框的,但是C#可以通过在页面输出JS代码实现弹出消息框的效果,这个C#类封装了常用的消息框弹出JS代码,可以在服务器端调用,在客户端显示对话框。不但可以显示JS的...

    JavaScript 基础教程

    JavaScript 简介,JavaScript实现,JavaScript语句放置,JavaScript语句,JavaScript注释,JavaScript变量,JavaScript运算符,JavaScript条件语句,JavaScript开关语句,JavaScript消息框,JavaScript函数,...

    js弹出窗口示例

    &lt;script type="text/javascript" src="ymPrompt.js"&gt;&lt;/script&gt; 在页面中引入对应的皮肤文件的CSS,如:&lt;link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" /&gt; 根据您的需要调用相应的消息...

    JavaScript权威指南(第6版)

    8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型 9.2 类和构造函数 9.3 JavaScript中Java式的类继承 9.4 类的扩充 9.5 类和类型 9.6 JavaScript中的面向对象技术 9.7 子类 9.8 ECMAScript...

    Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

    但没有关闭按钮 由于Extjs4消息框中的关闭按钮,没有执行回调函数,点击关闭按钮后,直接关闭窗口。 实现代码如下: 代码如下: Ext.Msg.show({ title : ‘系统提示’, msg : ‘Extjs4 去掉提示框右上角关闭按钮’, ...

    再深刻理解下web3.js中estimateGas如何计算智能合约消耗的gas量

    我们可使用web3.js框架的estimateGas函数获得一个以太坊智能合约的Gas估计值 ,通过执行一个消息调用或交易,该消息调用或交易直接在节点的VM中执行,并未在区块链中确认,函数会返回估算使用的gas量。 函数调用: ...

    JavaScript王者归来part.1 总数2

     5.3 函数类型--一个函数和闭包的例子   5.4 神奇的null和undefined   5.4.1 null   5.4.2 undefined--独一无二的类型   5.5 正则表达式   5.5.1 正则表达式常量   5.5.2 正则表达式对象   5.6 值...

    JavaScript权威指南(第6版)(中文版)

    8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型 9.2 类和构造函数 9.3 JavaScript中Java式的类继承 9.4 类的扩充 9.5 类和类型 9.6 JavaScript中的面向对象技术 9.7 子类 9.8 ECMAScript...

    JavaScript权威指南(第6版)中文文字版

    《JavaScript权威指南(第6版)》是程序员学习核心JavaScript语言和由WEB浏览器定义的JavaScript API的指南和综合参考手册。 《JavaScript权威指南(第6版)》涵盖html5和ecmascript 5。很多章节完全重写,以便与时俱进...

    javaScript对象

    1. 使用window对象可以实现弹出窗口、关闭当前窗口、弹出页面消息框等效果 2. 使用Date对象可以获得当前系统、时间 3. 使用定义函数与Dote()对象可以制作时钟特效 4. 使用history和location对象的相关属性和方法可以...

Global site tag (gtag.js) - Google Analytics