JAVAScript入门篇-常用对话框

4人阅读 评论(0) 收藏 举报
分类:

一、函数

如何定义一个函数?

基本语法如下: 

 function 函数名() 

          {      函数代码; } 

说明:  

1. function定义函数的关键字。  

2. "函数名"你为函数取的名字。  

3. "函数代码"替换为完成特定功能的代码


二、JavaScript-输出内容(document.write)

第一种:输出内容用""括起,直接输出""号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。
</script>

第二种:通过变量,输出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名,输出变量存储的内容。
</script>

第三种:输出多项内容,内容之间用+号连接。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
</script>

第四种:输出HTML标签,并起作用,标签使用""括起来。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后,输出一个换行符
  document.write("JavaScript");
</script>
三、JavaScript-警告(alert 消息对话框)

我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。

语法:

alert(字符串或变量);  

看下面的代码:

<script type="text/javascript">
   var mynum = 30;
   alert("hello!");
   alert(mynum);
</script>

注:alert弹出消息对话框(包含一个确定按钮)。

四、JavaScript-确认(confirm 消息对话框)

confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);

参数说明:

str:在消息对话框中要显示的文本
返回值: Boolean值

返回值:

当用户点击"确定"按钮时,返回true
当用户点击"取消"按钮时,返回false

注: 通过返回值可以判断用户点击了什么按钮

看下面的代码:

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大,要学习噢!");   }
</script>

五、JavaScript-提问(prompt 消息对话框)

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。

语法:

prompt(str1, str2);

参数说明:

str1: 要显示在消息对话框中的文本,不可修改
str2:文本框中的内容,可以修改

返回值:

1. 点击确定按钮,文本框中的内容将作为函数返回值
2. 点击取消按钮,将返回null

看看下面代码:

var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  

查看评论

Skyline for Javascript 三维GIS开发入门篇

主讲内容: 第一讲 认识skyline 第二讲 TerraBuilder发布mpt文件 第三讲 TerraExplorer Pro发布fly文件 第四讲 Skyline for JavaScript实现Hollywood 第五讲 Skyline for JavaScript实现图层树控件 等课程
  • 2017年06月18日 13:45

关于JavaScript的window对象的三种对话框

代码示例如下: =======================================               window对象的三种对话框     /* 三种对话框:1...
  • u010661782
  • u010661782
  • 2015-10-10 10:59:14
  • 655

javascript 三种弹出对话框

第一种:alert()方法 第二种:confirm()方法 返回一个布尔值,根据返回的值可以执行相应操作。 第三种: prompt()方法 返回输入的消息,或者其默认值提示框经常用于提示用...
  • ma524654165
  • ma524654165
  • 2017-09-10 17:06:00
  • 115

JavaScript入门篇

为什么JavaScript非常值得我们学习 易学性 从哪开始学习呢 如何插入JS 引用JS外部文件 JS在页面中的位置 认识语句和符号 注释很重要 什么是变量 判断语句ifelse 什么是函数为什么J...
  • sarycai
  • sarycai
  • 2015-12-28 21:55:00
  • 173

JavaScript的三种弹出对话框

浏览网页之时,经常会出现一些信息,这些信息有的是直接显示在网页上,有的通过对话框的形式弹出.而这些信息,是如何做到的呢?            JavaScript的三种弹出对话框,分别是使用al...
  • liuyanlinglanq
  • liuyanlinglanq
  • 2013-06-17 15:25:06
  • 3360

Javascript入门篇

  • 2016年07月20日 14:36
  • 824KB
  • 下载

javascript对话框组件

  • 2010年07月13日 09:09
  • 267KB
  • 下载

JavaScript 简单对话框的使用(提交,确认,输入对话框)

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    显示对话框   ...
  • vancekq
  • vancekq
  • 2010-03-03 20:54:00
  • 2672

JavaScript实现模态对话框

  今天哈尔滨今日图灵学校的朋友谈起js实现模态窗口,看俺是孤陋寡闻,遂演示了一番,原来不就是弹窗对话框之类的么!!javascript不是用window.open实现  么,刚发表一番言论 发现不对...
  • royal_coffee
  • royal_coffee
  • 2008-04-21 08:28:00
  • 7570

JavaScript 模式对话框实现及参数传递的简单例子

用JavaScript 弹出模式对话框 ,其实很简单,只需要调用showModalDialog这个函数就可以实现下面是一段ASP.NET页面完整代码,它作为模式对话框的父窗口,其实现的功能是点击按钮后...
  • eaglet
  • eaglet
  • 2007-07-24 11:04:00
  • 10153
    个人资料
    等级:
    访问量: 0
    积分: 50
    排名: 0
    文章分类
    文章存档