js输出:
严格来说,JavaScript 没有任何打印或者输出的函数,以下几种方式都只不过是一种数据展示的方法.
- 第一种:弹出对话框
对话框有三种:Window.alert()、Window.confirm()、Window.promt(),通常省略Window.不写。
1、alert:警告消息对话框
在网页中弹出的小窗口(包含一个确定按钮),用于提示信息,消息框是按顺序弹出的。
图片如下:
语法:alert(字符串/变量)
注意:
在点击对话框“确定”按钮之前,不能进行任何其他操作;
消息对话框通常用于调试程序;
alert 输出的内容可以是字符串或者变量
2、confirm 确认消息对话框
(包含一个确认和一个取消按钮),通常用于允许用户做选择动作。
语法:confirm(str)
参数:
参数:str 表示要在对话框中显示的文本;
当用户点击“确定”按钮时,返回 true;
当用户点击“取消”按钮时,返回 false;
3、prompt() 提问消息对话框
(包含一个文本输入框,一个确认以及取消按钮)通常用于询问一些需要与用户交互的信息,弹出消息对话框。
语法:prompt(str1,str2)
参数:
str1 是必填项,要显示在对话框中的文本,不可修改;
str2 为选填项,要显示为文本框的文本,可修改
返回值:
点击确定按钮,文本框中的内容作为函数返回值;
点击取消按钮,返回 null;
- 第二种:将内容写入 HTML 文档
此功能可用于写入文本和HTML。
document.write():用于直接在网页中输出内容。
书写方式:
输出内容用“”括起来,直接输出“”中的内容;
输出变量,直接将变量放到()中,不需要使用“”;
输出多项内容,使用字符串拼接的方法,内容直接用+了,链接;
输出 HTML 标签,标签需使用“”括起来;
注意:如果是在文档加载后使用,会覆盖整个文档原来的内容。
- 第三种:将内容写入到入HTML 元素
如需从 JavaScript 访问某个 HTML 元素:
可以声明变量获取HTML元素;
也可以直接用,document.getElementById(id)的方法来获取HTML元素;
- 第四种:写入游览器控制台输出
console.log()方法能够让你看到你在页面中的输出内容,让你更容易调试javascript;与alert相比,console不会打断你页面的操作。