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中获取frames中的元素示例代码
Jul 30 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
May 18 Javascript
JavaScript进阶练习及简单实例分析
Jun 03 Javascript
详解js的事件代理(委托)
Dec 22 Javascript
javascript 通过键名获取键盘的keyCode方法
Dec 31 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
vue代理和跨域问题的解决
Jul 18 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
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
建立动态的WML站点(一)
2006/10/09 PHP
php对包含html标签的字符串进行截取的函数分享
2014/06/19 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Vue.js tab实现选项卡切换
2017/05/16 Javascript
分享Bootstrap简单表格、表单、登录页面
2017/08/04 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
解决layui数据表格排序图标被超出的表头挤出去的问题
2019/09/19 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
使用Python实现 学生学籍管理系统
2019/11/26 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
初中生个人学习的自我评价
2013/12/04 职场文书
大学生评语大全
2014/04/18 职场文书
师德师风建设方案
2014/05/08 职场文书
学校读书活动总结
2014/06/30 职场文书
买卖合同协议书范本
2014/10/18 职场文书
2015年技术员工作总结
2015/04/10 职场文书
医院合作意向书范本
2015/05/08 职场文书
《海上日出》教学反思
2016/02/23 职场文书
2019年教师入党申请书
2019/06/27 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技