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 相关文章推荐
Jquery+WebService 校验账号是否已被注册的代码
Jul 12 Javascript
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
jQuery插件开发全解析
Oct 10 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
javascript RegExp 使用说明
May 21 Javascript
Angular2中select用法之设置默认值与事件详解
May 07 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
详解ECMAScript typeof用法
Jul 25 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
layui表格数据重载
Jul 27 Javascript
vue 实现购物车总价计算
Nov 06 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 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中如何实现常用邮箱的基本判断
2014/01/07 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
js 作用域和变量详解
2017/02/16 Javascript
js中开关变量使用实例
2017/02/24 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
angular 服务的单例模式(依赖注入模式下)详解
2018/10/22 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
JavaScript对象属性操作实例解析
2020/02/04 Javascript
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
详解Python装饰器
2019/03/25 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
置业顾问岗位职责
2014/03/02 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
小学生作文评语大全
2014/04/21 职场文书
大学生党性分析材料
2014/12/19 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
导游词之海南-南湾猴岛
2019/10/12 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript