JavaScript的四种输出语句（一些使用细节）【js学习笔记1】

1.2，JavaScript的输出

1.2.1，页面输出

<script>document.write("在页面显示")
</script>

1.2.2，控制台输出

<script>console.log("输出一条日志");console.info("输出一条信息");console.warn("输出一条警告");console.error("输出一条错误");
</script>

一些使用控制台输出语句技巧：
1.命名日志打印

 function sum(a, b) {console.log({b});//关键语句return a + b;}sum(1, 2);sum(4, 5);

2. 高级化格式

将某些东西打印到控制台最常见方法是简单地使用一个参数调用console.log()，有时我们可能想要打印一条包含多个信息。幸运地是，console.log()可以使用%s,%i 等说明sprintf()格式化字符串

const user = 'john_smith';
const attempts = 5;
console.log(user+"登录失败了"+attempts+"次")//我们也可以用字符串地拼接
console.log('%s 登录失败了 %i 次', user, attempts);//这是高级化格式打印

以下是可用说明符的列表：

说明符作用%s元素转换为字符串

%d 或 %i元素转换为整数
%f元素转换为浮点数
%o元素以最有效的格式显示：

％o说明符(为值关联了正确的打印格式)可以在文本消息中插入数组，对象，DOM元素和常规文本，而不会失去交互性。const myObject = {name: 'John Smith',profession: 'agent'};console.log('Neo, be aware of %o', myObject);

%O元素以最有效的格式显示
%c应用提供的CSS

3.具有样式打印（了解一下即可）

浏览器控制台允许我们将样式应用于打印的消息。

我们可以通过将％c说明符与相应的CSS样式结合使用来实现。例如，让我们发送一条日志消息，该消息显示字体大小和字体粗细情况：

console.log('%c Big message', 'font-size: 36px; font-weight: bold');

说明符％c应用CSS样式’font-size: 36px; font-weight: bold’

4.深度不受限制地cossole.dir()

const myObject = {propA: {propB: {propC: { propD: 'hello'  }}}};console.log(myObject)console.dir(myObject,{depth:null})

1.2.3，弹出窗口输出

如何使用JavaScript向弹出窗口输出一句话，请参考以下代码。

<script>alert("你好Javascript");
</script>

1.2.4，弹出输入框

如何使用JavaScript弹出窗口输入框，请参考以下代码。

var a=prompt('这是一个输入框')
console.log(a)

JavaScript的四种输出语句（一些使用细节）【js学习笔记1】相关推荐

Java四种输出语句
换行打印 System.out.println(); 不换行打印 System.out.print(); 按格式输出 System.out.printf(); 字节输出 System.out.writ ...
在js中加html_在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在标签之间 (少): 2.放置在有 3.放置自HTML事件处理程序中,该事件处理程 ...
JavaScript基础语法（输出语句）
JavaScript基础语法(输出语句) 学习路线:JavaScript基础语法(输出语句)->JavaScript基础语法(变量)->JavaScript基础语法(数据类型)->J ...
JavaScript中四种不同的属性检测方式比较
JavaScript中四种不同的属性检测方式比较 1. 用in方法 var o = {x:1}; "x" in o; //true "y" in o; //fa ...
Javascript 实现四种基本排序
Javascript 实现四种基本排序冒泡排序描述: 比较相邻两个数的值, 如果前面的数据大于后面的数据,那就交换位置,这样每轮排序后就沉淀一个最大的最后面, 下一轮就不用排序他了. 代码: l ...
python的布尔判断和四种循环语句
python的布尔判断和四种循环语句一.布尔运算的三种方式 (一)两个数值/字符串做比较 (二)直接用数值做运算 (三)布尔值之间的运算 (四)布尔值与While.if 二.四种循环语句 (一)br ...
matlab函数输出语句,matlab两种输出语句分别是什么
matlab两种输出语句分别是什么发布时间:2021-02-26 14:21:27 来源:亿速云阅读:79 作者:小新这篇文章主要介绍了matlab两种输出语句分别是什么,具有一定借鉴价值,感兴 ...
计算机视觉——一种现代方法（第二版）学习笔记
计算机视觉--一种现代方法(第二版)学习笔记第1章摄像机的几何模型如上左图所示,我们需要将一个空间点X映射到一个图像点x(3维->2维)上即根据右上图我们很容易推到处下面的变换: 这个结 ...
WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用本文所使用到的demo演示: 高光贴图Demo演示反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理计算机图形学 ...