HTML DOM console.assert() 方法
JavaScript基础 2022-06-08 15:02:12小码哥的IT人生shichen
HTML DOM console.assert() 方法
实例
仅当第一个参数为 false 时才向控制台写入消息：
console.assert(document.getElementById("demo"), "You have no element with ID 'demo'");
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.assert() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<script>
console.assert(document.getElementById("demo"), "You have no element with ID 'demo'");
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
console.assert() 方法将一条消息写入控制台，但前提是表达式的计算结果为 false。
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| console.assert() | 支持 | 支持 | 28 | 支持 | 支持 |
语法
console.assert(expression, message)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| expression | 布尔表达式 | 必需。任何表达式。如果表达式的计算结果为 false，则将消息写入控制台。 |
| message | 字符串或对象 | 必需。要在控制台中写入的消息或对象。 |
更多实例
示例代码：
向控制台写入一个对象：
var myObj = { firstname : "Bill", lastname : "Gates" };
console.assert(document.getElementById("demo"), myObj);
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.assert() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<p>本例演示使用 console.assert 方法时对象的显示方式。</p>
<script>
var myObj = { firsname : "Bill", lastname : "Gates" };
console.assert(document.getElementById("demo"), myObj);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
将数组写入控制台：
var myArr = ["Orange", "Banana", "Mango", "Kiwi" ];
console.assert(document.getElementById("demo"), myArr);
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.assert() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看消息。</p>
<p>本例演示在使用 console.assert 方法时如何显示数组。</p>
<script>
var myArr = ["Orange", "Banana", "Mango", "Kiwi" ];
console.assert(document.getElementById("demo"), myArr);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
