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 相关文章推荐
JS中操作JSON总结
Dec 06 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
Jan 31 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
jquery mobile移动端幻灯片滑动切换效果
Apr 15 Javascript
基于node.js依赖express解析post请求四种数据格式
Feb 13 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
ES6中Array.includes()函数的用法
Sep 20 Javascript
vue.js轮播图组件使用方法详解
Jul 03 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
利用JS响应式修改vue实现页面的input值
Sep 02 Javascript
js prototype深入理解及应用实例分析
Nov 25 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/08/21 PHP
PHP自动重命名文件实现方法
2014/11/04 PHP
Ext.MessageBox工具类简介
2009/12/10 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
jQuery验证插件validation使用指南
2015/04/21 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
JavaScript常用数学函数用法示例
2018/05/14 Javascript
layUI实现前端分页和后端分页
2019/07/27 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
[01:01]青春无憾,一战成名——DOTA2全国高校联赛开启
2018/02/25 DOTA
python搭建简易服务器分析与实现
2012/12/15 Python
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
python用post访问restful服务接口的方法
2018/12/07 Python
Python如何爬取实时变化的WebSocket数据的方法
2019/03/09 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
pandas-resample按时间聚合实例
2019/12/27 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
2014年社区学雷锋活动总结
2014/03/09 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
科技工作者先进事迹
2014/08/16 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
论文答辩开场白大全
2015/05/27 职场文书
简短的36句中秋节祝福信息语句
2019/09/09 职场文书
祝福语集锦:给百岁老人祝寿贺词
2019/11/19 职场文书
MySQL 外键约束和表关系相关总结
2021/06/20 MySQL