作为刚踏进js大门的新手,首先必须掌握js中有哪些常用的输入输出函数,下面我为大家介绍我们常用的4种输入输出函数,警告窗函数alert(),输出函数document.write(),提示对话函数prompt(),confirm()函数。
1. 警告窗函数alert(“要输出的信息”)
此函数只有一个参数,参数可以是字符串、变量或者表达式。如下:
(1) alert(“你喜欢JavaScript吗”);
(2) var myName=“Jerry”;
alert(“大家好,我的名字是”+myName); //注意alert()函数中换行用转义字符。同时要注意理解字符串和变量之间用”+”加号连接。
(3) alert(“10+5=”+(10+5)); //字符串和表达式之间用”+”加号连接
3种运行结果如下:
![aed41928101f790121e9d634856fbe32.png](https://i-blog.csdnimg.cn/blog_migrate/76af0a6b46bcc2437361a7f94cd96bea.jpeg)
参数是字符串
![f1cefbb6a40d0d73b2f8c7d9af5937ae.png](https://i-blog.csdnimg.cn/blog_migrate/5cf827610a23702ebb1bd4ca91d2f16c.jpeg)
参数是变量
![3a5d0ff97e28559e08f75af440124f00.png](https://i-blog.csdnimg.cn/blog_migrate/c4ca51acb8c16523174474020d97e567.jpeg)
参数是表达式
2. 输出函数document.write(“要输出的信息”)
此函数只有一个参数,直接输出文字到HTML界面,这个函数的写法是对象名.函数名()。document是js中的对象,引用此对象中的write方法,所以写为document.write(“ ”).
(1) document.write(“你喜欢JavaScript吗”);
(2) var myName=“Jerry”;
document.write(“大家好,
我的名字是”+myName); //注意此函数中换行用
结果如下:
![d0808d50ea8fa9f710d3d0bfcf773a0a.png](https://i-blog.csdnimg.cn/blog_migrate/d73ab2bf739f993d210b1db46123f93a.jpeg)
![19d1a7339a9f5d1ab4825c32352700d6.png](https://i-blog.csdnimg.cn/blog_migrate/8792a71dbc18f74e13f2228155f71d2a.jpeg)
3.输入函数prompt(“显示的信息”,“输入框中的默认值”)
此函数有2个参数,且函数返回的是字符串类型。
var color=prompt(“你最喜欢的颜色是:”,“红色”); //用户输入的值赋值给变量color
alert(“你最喜欢的颜色是:”+color);
如果用户单击取消按钮,此函数将返回NULL值。
![ddab81f89801bd116e2adeeed8e9b655.png](https://i-blog.csdnimg.cn/blog_migrate/397f7956c2dbd460fb9a3189cb912b4f.jpeg)
如果直接点击取消,出现:
![0516a1dfeb427a3287c8846f03c11df3.png](https://i-blog.csdnimg.cn/blog_migrate/0171b02a31abe87e27baaa6c46bd53f0.jpeg)
如果在文本框中输入:黑色,出现:
![c3588e7aac75bcb8b5747113e5eef27d.png](https://i-blog.csdnimg.cn/blog_migrate/76a7963ff763a11c4de284fb5142fe41.jpeg)
4.输出函数confirm(“要输出的信息”)
此函数只有一个参数。
confirm(“你要继续游戏吗”); //出现结果如下:
![2cae372c303dc453153f29f0ed87096c.png](https://i-blog.csdnimg.cn/blog_migrate/392d5181782c4f21405d9966a5043f62.jpeg)
点击“确定”,函数返回true;点击“取消”,函数返回false.
今天就讲到这里,欢迎有问题随时咨询我哦!