JavaScript 学习笔记三：输出输入语句

最新推荐文章于 2024-04-30 17:59:49 发布

起航于而立之年

最新推荐文章于 2024-04-30 17:59:49 发布

阅读量6.9k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/lijing_2011/article/details/82913201

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章目录

一、输出语句
二、输入语句
三、示例：

一、输出语句

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 高级程序设计》

声明：
本博客的所有内容，仅是自己的一些学习笔记，如有错误，欢迎指正。如有侵权，请告知修改。

起航于而立之年

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 学习笔记三：输出输入语句

文章目录一、输出语句二、输入语句三、示例：一、输出语句JavaScript 没有任何打印或者输出函数。可以通过以下方式来显示数据：1.使用 windows.alert() 弹出警告框，可省略windows，直接使用 alert()；2.使用 document.write() 方法将内容写在 HTML 文档中；3.使用 console.log() 方法写入到浏览器的控制台；控制台(Con...
复制链接

扫一扫