一、输出语句
JavaScript 没有任何打印或者输出函数。可以通过以下方式来显示数据:
1.使用 windows.alert() 弹出警告框,可省略windows,直接使用 alert();
2.使用 document.write() 方法将内容写在 HTML 文档中;
3.使用 console.log() 方法写入到浏览器的控制台;
控制台(Console):在这个面板里可以直接输入JavaScript代码,按回车后执行。要查看一个变量的内容,在Console中输入console.log(a);,回车后显示的值就是变量的内容。
打开控制台的方法:
1)谷歌浏览器
快捷键: Ctrl + Shift + i
在浏览器上方右侧的三个点的图标,依次点击 “更多工具”-“开发者工具(Developer Tools)”,浏览器窗口就会一分为二
2)360
在浏览器上方右侧的三个横线的图标,依次点击 “工具”-“开发人员工具”,浏览器窗口就会一分为二
快捷键: F12
3)火狐
在浏览器上方右侧的三个横线的图标,依次点击 “Web开发者”-“Web控制台”,浏览器窗口就会一分为二
快捷键: F12 或 Ctrl + Shift + k
4.使用 innerHTML 写入到 HTML 元素;
二、输入语句
prompt();
三、示例:
示例一:
<!DOCTYPE html>
<html>
<head>
<title>Three Output</title>
</head>
<body>
<p id="test"> 我是原有内容 </p>
</br>
<script type="text/javascript">
//测试发现无论三个语句的顺序如何,页面展示的时候都是先展示alert(),在展示 document.write(), 最后显示 console.log()
alert("我是通过弹出框 alert() 展示的");
console.log("我是通过 console.log() 写到控制台的。");
document.write("我是通过 document.write() 直接写到 HTML 页面中的");
document.getElementById("test").innerHTML = "我是通过 innerHTML 修改 HTML 页面中的元素的值";
</script>
</body>
</html>
示例二:三种输出语句中实现换行的方法
<!DOCTYPE html>
<html>
<head>
<title>三种输出语句练习</title>
</head>
<body>
<p>
题目:利用三种输出语句,输出以下内容,注意换行:</br>
姓名:xxx </br>
年龄:xx</br>
性别:xx</br>
</p>
<hr>
<script type="text/javascript">
//document.write("姓名:张三\n年龄:18\n性别:女");//这种方式无法换行,\n原样输出
document.write("姓名:张三</br>年龄:18</br>性别:女");//这种方式可以换行,通过 document.write 输出语句中可以添加 HTML 标签
alert("姓名:张三\n年龄:18\n性别:女");
//alert("姓名:张三</br>年龄:18</br>性别:女"); //这种方式不可以换行,</br>原样输出
console.log("姓名:张三\n年龄:18\n性别:女");
//console.log("姓名:张三</br>年龄:18</br>性别:女");//这种方式不可以换行,</br>原样输出
</script>
</body>
</html>
示例三:输入语句
<!DOCTYPE html>
<html>
<head>
<title>输入语句</title>
</head>
<body>
<script type="text/javascript">
// 通过 prompt() 函数进行输入
console.log( prompt() );
//document.write( prompt() ); // ok
//alert( prompt() ); //ok
</script>
</body>
</html>
参考:
http://www.51zxw.net/list.aspx?cid=563
http://www.runoob.com/js/js-tutorial.html
《JavaScript 高级程序设计》
声明:
本博客的所有内容,仅是自己的一些学习笔记,如有错误,欢迎指正。如有侵权,请告知修改。