正序乘法口诀表

function multiplicationTable() {
	for (let i = 1; i <= 9; i++) {
		let val = '';
		
		for (let j = 1; j <= i; j++) {
			document.write(j + '*' + i + '=' + (i * j) + '&nbsp ');
			val += `${j}*${i}=${i * j}` + ' ';
		}
		
		console.log(val, '\n\r');
		document.write('<br>');
	}
}

multiplicationTable();

multiplicationTable

倒序乘法口诀表

function multiplicationTableR() {
	for (let i = 9; i >= 1; i--) {
		let val = '';
		
		for (let j = i; j >= 1; j--) {
			document.write(j + '*' + i + '=' + (i * j) + '&nbsp ');
			val += `${j}*${i}=${i * j}` + ' ';
		}
		
		console.log(val, '\n\r');
		document.write('<br>');
	}
}

multiplicationTableR();

multiplicationTableR

log

MDN

console.log()方法向Web控制台输出一条信息。这条信息可能是单个字符串(包括可选的替代字符串)，也可能是一个或多个对象。

w3school

log()方法返回数字的自然对数(以E为底)。
如果参数x为负数，则返回NaN。
如果参数x为0，则返回-Infinity。

console

MDN

Console对象提供了浏览器控制台调试的接口(如: Firefox的Web Console)。在不同浏览器上它的工作方式可能不一样，但通常都会提供一套共性的功能。
Console对象可以从任何全局对象中访问到，如浏览器作用域上的Window，以及通过属性控制台作为workers中的特定变体的WorkerGlobalScope。可以通过Window.console引用，也可以简单的通过console引用。

document

菜鸟教程

当浏览器载入HTML文档, 它就会成为Document对象。
Document对象是HTML文档的根节点。
Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
Document对象是Window对象的一部分，可通过window.document属性对其进行访问。

MDN

Document接口表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM树(en-US)。
DOM树包含了像<body>、<table>这样的元素，以及大量其他元素。它向网页文档本身提供了全局操作功能，能解决如何获取页面的URL，如何在文档中创建一个新的元素这样的问题。
EventTarget <= Node <= Document
Document接口描述了任何类型的文档的通用属性与方法。根据不同的文档类型(例如HTML、XML(en-US)、SVG，……)，还能使用更多API。使用"text/html"作为内容类型(content type)的HTML文档，还实现了HTMLDocument接口，而XML和SVG文档则(额外)实现了XMLDocument接口。

write

w3school

write()方法直接写入打开的(HTML)文档流。
write()方法在已加载的文档上使用时会删除所有现有的HTML。
write()方法不能在XHTML或XML中使用。
write()方法最常用于写入由open()方法打开的输出流。

MDN

document.write()方法将一个文本字符串写入一个由document.open()打开的文档流document stream。
因为document.write需要向文档流中写入内容，所以，若在一个已关闭的文档上调用document.write，就会自动调用document.open，这将清空该文档的内容(en-US)。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/39823.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！