JavaScript中的信息输出和信息交互
众所周知,JavaScript里面的信息输出与信息交互的主要方法为5种,在我们的编程生涯里,它们无处不在,因为我们不管走到哪里,只要我们需要进行编程,就一定会需要用到它们,所以,它们对于我们这写编程人员来说:是无处不在的。
这JavaScript里面的信息输出和信息交互的5种主要方法为:
1.document.write();
2.console.log();
3.window.alert();
4.window.confirm();
5.window.prompt()
首先是第一种:document.write(),它的主要作用就是向HTML文档中输出内容,它可以用于向HTML文档中直接写入内容,简单的说就是直接在HTML网页上面输出你要写入的内容。
它的语法就是直接在括号内加上英文状态下的双引号,在双引号内写入你要输出的文本内容,若是字符串和变量则不需要双引号:
语法:document.write(字符串或者变量的名称);
写法:
按照上面写法,它会在页面上直接输出一个文本Hello World;
第二种就是:console.log();它主要是通过一个变量来进行内容的输出,输出的位置是在浏览器控制台里面,它可以作用于编程人员开发的时候对代码进行调试;
它的语法也是直接在括号内加上英文状态下的双引号,在双引号内写入你要输出的文本内容,若是字符串和变量则不需要双引号:
语法:console.log(字符串或者变量的名称);
写法:
按照上面写法,它会在页面的控制台上直接输出一个文本Hello World;
第三种就是window.alert();它主要就是在页面上弹出一个提示框,把括号里的内容显示的提示框里面,还含有一个确定按钮,用于关掉整个弹出来的提示框。
它的语法也是直接在括号内加上英文状态下的双引号,在双引号内写入你要输出的文本内容,若是字符串和变量则不需要双引号,它不能输出标签:
alert(字符串或者变量的名称),它的写法一般都是省略掉前面的window,直接写后面的alert()与及括号里要输出的内容
写法:
按照上面写法,它会在页面弹出来的提示框上直接输出一个文本Hello World和一个按钮;
第四种就是window.confirm();它是也是属于一个弹出来的提示框,只不过它是一个消息提示对话框,通常用于让用户做选择,例如在删除某些数据的时候,当用户点击删除数据的时候,这个时候这个对话框就弹出来,问用户“确定要删除吗?”这些情况,它弹出来的对话框包括一个确定按钮和一个取消按钮。
它的语法也是直接在括号内加上英文状态下的双引号,在双引号内写入你要输出的文本内容,若是字符串和变量则不需要双引号:
confirm (字符串或者变量的名称),它的写法一般也都是省略掉前面的window,直接写后面的confirm ()与及括号里要输出的内容
写法:通常带有一个if判断语句
按照上面写法,它会在页面弹出来的提示框上直接输出一个文本Hello World和2按钮
;
第五种就是window.prompt(),它弹出来的也是一个消息对话框,不过这个对话框有点特殊,它可以跟用户进行对话,通常用于询问一些需要和用户交互的消息,它弹出来的消息对话框包含一个确定按钮和一个取消按钮还有一个文本输入框。
它的语法是prompt(str1, [str2]);前面的window也是和前面几种方法一样,省略掉window不写,直接写prompt(),它有2个参数:
第一个就是str1: 要显示在消息对话框中的文本,不可修改
第二个就是str2:(可选) 文本框中的内容,可以修改;
返回值:
点击确定按钮,文本框中的内容将作为函数返回值
点击取消按钮,将返回null
写法也通常带有一个if判断语句
按照上面写法,它会在页面弹出来的提示框上直接输出一个文本:请输入你的姓名 和一个文本输入框和2个按钮;效果在下图