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 相关文章推荐
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 Javascript
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
BootStrap给table表格的每一行添加一个按钮事件
Sep 07 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 Javascript
使用JS location实现搜索框历史记录功能
Dec 23 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开发规范手册之PHP代码规范详解
2011/01/13 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
javascript call方法使用说明
2010/01/11 Javascript
jQuery 入门级学习笔记及源码
2010/01/22 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
微信小程序 基础知识css样式media标签
2017/02/15 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
Python多线程编程简单介绍
2015/04/13 Python
SVM基本概念及Python实现代码
2017/12/27 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
法国在线药房:DoctiPharma
2020/10/21 全球购物
个人生活学习自我评价范文
2013/11/26 职场文书
文秘求职信范文
2014/04/10 职场文书
2014年母亲节寄语
2014/05/07 职场文书
预备党员自我评价范文
2015/03/04 职场文书
保研专家推荐信范文
2015/03/25 职场文书