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 相关文章推荐
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
微信小程序-小说阅读小程序实例(demo)
Jan 12 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
学习Vue组件实例
Apr 28 Javascript
vue实现城市列表选择功能
Jul 16 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
vue elementUI批量上传文件
Apr 26 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
用PHP和ACCESS写聊天室(八)
2006/10/09 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
javascript优先加载笔记代码
2008/09/30 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
ES7之Async/await的使用详解
2019/03/28 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
python计算方程式根的方法
2015/05/07 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
法国面料和小百货在线商店:Mondial Tissus
2019/03/23 全球购物
冰淇淋开店创业计划书
2014/02/01 职场文书
家长对老师的评语
2014/04/18 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
故宫的导游词
2015/01/31 职场文书
个人工作保证书
2015/02/28 职场文书
交通事故调解协议书
2015/05/20 职场文书
改进工作作风心得体会
2016/01/23 职场文书
编写python程序的90条建议
2021/04/14 Python
Golang解析JSON对象
2022/04/30 Golang