文章目录
- 正序乘法口诀表
- 倒序乘法口诀表
- log
- console
- document
- write
正序乘法口诀表
function multiplicationTable() {for (let i = 1; i <= 9; i++) {let val = '';for (let j = 1; j <= i; j++) {document.write(j + '*' + i + '=' + (i * j) + '  ');val += `${j}*${i}=${i * j}` + ' ';}console.log(val, '\n\r');document.write('<br>');} }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) + '  ');val += `${j}*${i}=${i * j}` + ' ';}console.log(val, '\n\r');document.write('<br>');} }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)。

