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实现动态CSS换肤技术的脚本
Jun 29 Javascript
javascript获取当前ip的代码
May 10 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
JavaScript设计模式之装饰者模式介绍
Dec 28 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
Jul 07 Javascript
vue中轮训器的使用
Jan 27 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 25 Javascript
vue.js 实现a标签href里添加参数
Nov 12 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 Javascript
Vue路由 重定向和别名的区别说明
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中显示数组与对象的实现代码
2011/04/18 PHP
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
基于PHP实现的事件机制实例分析
2015/06/18 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
JS实现的加减乘除四则运算计算器示例
2017/08/09 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
基于MATLAB和Python实现MFCC特征参数提取
2019/08/13 Python
pytorch绘制并显示loss曲线和acc曲线,LeNet5识别图像准确率
2020/01/02 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
大学生文员专业个人求职信范文
2014/01/05 职场文书
忠犬八公的故事观后感
2015/06/05 职场文书
文明上网主题班会
2015/08/14 职场文书
python超详细实现完整学生成绩管理系统
2022/03/17 Python
Python实现科学占卜 让视频自动打码
2022/04/09 Python
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL