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插件使用介绍
Mar 20 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 Javascript
jQuery中的select操作详解
Nov 29 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
Jan 07 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 Javascript
微信小程序实现通讯录列表展开收起
Nov 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
如何设置mysql允许外网访问
2013/06/04 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
Symfony数据校验方法实例分析
2015/01/26 PHP
php实现cookie加密的方法
2015/03/10 PHP
PHP给文字内容中的关键字进行套红处理
2016/04/12 PHP
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
PHP+mysql+Highcharts生成饼状图
2015/05/04 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
Python实现针对含中文字符串的截取功能示例
2017/09/22 Python
python实现用户管理系统
2018/01/10 Python
python requests指定出口ip的例子
2019/07/25 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
python实现KNN分类算法
2019/10/16 Python
pymysql模块的操作实例
2019/12/17 Python
使用Pycharm分段执行代码
2020/04/15 Python
详解Python高阶函数
2020/08/15 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
妇女儿童发展规划实施方案
2014/03/16 职场文书
党员承诺书范文
2014/05/19 职场文书
施工单位安全责任书
2014/07/24 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
python四种出行路线规划的实现
2021/06/23 Python
Python requests用法和django后台处理详解
2022/03/19 Python
Vue+Flask实现图片传输功能
2022/04/01 Vue.js