夜光带你走进 前端工程师(二十一 jS )

夜光序言:

 

 

有情有泪才潇洒,亦笑亦哭解心魔

 

 

 

 

 

夜光带你走进 前端工程师(二十一 jS )

 

正文:

 

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>

夜光带你走进 前端工程师(二十一 jS )

console  控制台输出

一般用于测试用

嘿嘿

Console.log()    //  控制台输出,普通输出语句

夜光带你走进 前端工程师(二十一 jS )

Console.warn()   //  控制台警示

 

Console.error()            //控制台错误提示

夜光带你走进 前端工程师(二十一 jS )

<!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>

夜光带你走进 前端工程师(二十一 jS )