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 相关文章推荐
利用Ext Js生成动态树实例代码
Sep 08 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
Js点击弹出下拉菜单效果实例
Aug 12 Javascript
javascript中如何处理引号编码&amp;#034;
Aug 15 Javascript
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
jQuery仿天猫实现超炫的加入购物车
May 04 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
Jun 09 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
js实现删除json中指定的元素
Sep 22 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
MongoDB在PHP中的常用操作小结
2014/02/20 PHP
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
2014/10/29 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
angularjs实现简单的购物车功能
2017/09/21 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
Python实现的最近最少使用算法
2015/07/10 Python
Python的标准模块包json详解
2017/03/13 Python
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
Python编程深度学习计算库之numpy
2018/12/28 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
如何验证python安装成功
2020/07/06 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
迪拜航空官方网站:flydubai
2017/04/20 全球购物
德国运动鞋网上商店:Afew Store
2018/01/05 全球购物
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
敏捷开发的主要原则都有哪些
2015/04/26 面试题
护理专业学生的求职信范文
2013/12/11 职场文书
鼓舞士气的口号
2014/06/16 职场文书
条幅标语大全
2014/06/20 职场文书
秦兵马俑导游词
2015/02/02 职场文书
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
MySQL学习之基础命令实操总结
2022/03/19 MySQL