正序乘法口诀表

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

菜鸟教程

扫描二维码关注公众号，回复： 15744922 查看本文章

当浏览器载入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)。

javascript实现久久乘法口诀表、document、write、console、log

文章目录

正序乘法口诀表

倒序乘法口诀表

log

console

document

write

猜你喜欢