输入输出工具

1.输入弹框   prompt();  显示可提示用户进行输入的对话框

语法：prompt(对话框中显示的纯文本,默认输入的文本);两个参数均为可选

<script type="text/javascript">

prompt('请输入姓名：','张三');

</script>

效果展示：

 

 2.输出弹框：alert();    弹出带有一条指定消息和一个确定按钮的警告框

语法:alert(对话框中显示的纯文本)

<script type="text/javascript">

 alert('宣纸慕悲欢');

</script>

效果展示：

 

 

3.输出到页面,会以HTML的语法解析里面的内容    document.write();

语法:document.write(参数1,参数2,参数3,...),它们将按顺序被追加到文档中

<script type="text/javascript">

 document.write("<span style='color: red;'>桃之夭夭1</span>","<br>","<span style='color: blue;'>桃之夭夭2</span>");

</script>

效果展示：

 

 

4.向控制台输出信息

在控制台上输出信息,浏览器按下F12打开控制台,Console 即控制台
可以接受任何字符串,数字和js对象,可以看到清楚的对象属性结构,不会阻塞程序的进行

<script type="text/javascript">

 

console.log("我要好好学习");

var zxw={name:'张三',sex:'男',age:'18'};

//alert("我要学习")

console.log(zxw);

</script>

效果展示：