夜光带你走进 前端工程师(二十一 jS )
夜光序言:
有情有泪才潇洒,亦笑亦哭解心魔
正文:
JS就是用来控制结构和样式的
牧尘
控偶师:JS
人偶:结构和样式
体验JS:
常用三个输出语句:【都属于JS内置对象】
1.2.1:Alert(): 弹出警示框
Windows.alert [执行语句]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
window.alert('你好,夜光');
alert('hellow');
</script>
</body>
</html>
console 控制台输出
一般用于测试用
嘿嘿
Console.log() // 控制台输出,普通输出语句
Console.warn() // 控制台警示
Console.error() //控制台错误提示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
/* window.alert('你好,夜光');
alert('hellow');*/
console.log("你好,夜光");
console.warn("战斗不止");
console.error("下雨了");
</script>
</body>
</html>
Document.write() 文档打印输出
Document 不可省略 // 文档对象
Write 写出来
Alert() //非常少 用户体验不好
Console() // 用户看不见
Document.write() // 直接在 文档中显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
window.alert('你好,夜光');
alert('hellow');
console.log("你好,夜光");
console.warn("战斗不止");
console.error("下雨了");
document.write("夜光成长之路");
</script>
</body>
</html>