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中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
jQuery.buildFragment使用方法及思路分析
Jan 07 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
jQuery+Ajax实现限制查询间隔的方法
Jun 07 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 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使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
2013/05/15 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
jQuery中slideUp()方法用法分析
2014/12/24 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
2017/11/09 jQuery
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
2019/10/02 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
python如何在循环引用中管理内存
2018/03/20 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
html5使用canvas压缩图片的示例代码
2018/09/11 HTML / CSS
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
药剂学专业应届生自荐信
2013/09/29 职场文书
简历自荐信
2013/12/02 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书