JavaScript中常用的六种互动方法示例


Posted in Javascript onMarch 13, 2015

1.confirm消息对话框

语法:confirm(”str“);

参数说明:str为对话框中要显示的文本,

作用:通常用于提醒用户做出某些选择,其返回值为布尔类型,点击确定返回值为ture,点击取消返回值为false

例如:

<script type="text/javascript">

    var mymessage=confirm("你喜欢JavaScript吗?");

    if(mymessage==true)

    {   document.write("很好,加油!");   }

    else

    {  document.write("JS功能强大,要学习噢!");   }

</script>

2.prompt消息对话框

语法:prompt(”str1“,”str2“);

参数说明:str1为要显示在对话框中的文本,不可修改;str2为文本框中的内容,可以修改

作用:弹出对话框,询问与用户交互的信息

例如:

var myname=prompt("请输入你的姓名:");

if(myname!=null)

  {   alert("你好"+myname); }

else

  {  alert("你好 my friend.");  }

3.window.open打开新窗口

语法:window.open('str1','str2','str3');

参数说明:str1为要打开窗口的地址;str2为要打开窗口的名称;str3为控制窗口的参数

作用:打开一个新窗口

例如:

<script type="text/javascript"> 

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

</script>

4.window.close关闭新窗口

语法:window.close('str');或者<新窗口>.close();

参数说明:str为打开窗口的地址

例如:

<script type="text/javascript">

   var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中

   mywin.close();

</script>

5.alert警告

语法:alert(”str“);//注意是双引号

参数说明:str为对话框弹出的内容

 例如:

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

6.document.write输出内容

语法:document.write("str")

作用:输出文本str

例如:

</pre><pre name="code" class="javascript"><script type="text/javascript">

  document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。

</script>

以上六点,就是本文给大家分享的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
List the Codec Files on a Computer
Jun 18 Javascript
js函数使用技巧之 setTimeout(function(){},0)
Feb 09 Javascript
jQuery :first选择器使用介绍
Aug 09 Javascript
利用javascript判断文件是否存在
Dec 31 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
浅谈mint-ui loadmore组件注意的问题
Nov 08 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
vue下的@change事件的实现
Oct 25 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
javascript实现多边形碰撞检测
Oct 24 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 #Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 #Javascript
DOM操作一些常用的属性汇总
Mar 13 #Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 #Javascript
jQuery源码分析之Callbacks详解
Mar 13 #Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 #Javascript
Javascript定义类(class)的三种方法详解
Mar 13 #Javascript
You might like
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php实现的漂亮分页方法
2014/04/17 PHP
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
javascript实现文字无缝滚动效果
2017/08/26 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Python 实现引用其他.py文件中的类和类的方法
2018/04/29 Python
django认证系统实现自定义权限管理的方法
2018/07/16 Python
python使用for...else跳出双层嵌套循环的方法实例
2020/05/17 Python
爱尔兰灯和灯具网上商店:Lights.ie
2018/03/26 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
大学生个人自我鉴定
2013/12/03 职场文书
生日寄语大全
2014/04/08 职场文书
公司股权转让协议书
2014/04/12 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
《桃林那间小木屋》教学反思
2014/05/01 职场文书
政府信息公开实施方案
2014/05/09 职场文书
党的群众路线教育实践活动个人整改措施
2014/10/27 职场文书
长城英文导游词
2015/01/30 职场文书
观后感格式
2015/06/19 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server
python微信智能AI机器人实现多种支付方式
2022/04/12 Python
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers