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 相关文章推荐
javascript高亮效果的二种实现方法
Sep 14 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
Feb 13 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
Node.js Stream ondata触发时机与顺序的探索
Mar 08 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 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分页类代码
2013/04/02 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
基于jquery的实现简单的表格中增加或删除下一行
2010/08/01 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
2014/04/30 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
select标签设置默认选中的选项方法
2018/03/02 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
javascript中关于类型判断的一些疑惑小结
2018/10/14 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
python实现2014火车票查询代码分享
2014/01/10 Python
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
大学生入党自我鉴定
2013/10/31 职场文书
家长对老师的感言
2014/03/11 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
清洁员岗位职责
2015/02/15 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers