02-认识js

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        #box{

            width: 100px;

            height: 100px;

            background-color: #ff0789;

        }

        #wrap{

            width: 100px;

            height: 100px;

            background-color: #b9c9fd;

        }

    </style>

</head>

<body>

<div id="box"></div>

<div id="wrap"></div>

<script>

    // alert('\\\\ \'')

    //     console.log(1)

    //     alert(1)

    //     let a = confirm('sure?'); //返回布尔值

    //         console.log(a)

    //     let b = prompt('请输入:');

    //     console.log(b);

    document.getElementById('box').onclick = function () {

        alert('aaa');

    };

    document.getElementById('box').innerHTML = '123';

    document.getElementById('wrap').onclick = function () {

        document.getElementById('wrap').innerHTML = '肥鲶鱼';

    };

</script>

<!--

工具HBuilder,Sublime,WebStorm,VS code

js  是一种直译式脚本语言

    是一种动态类型、弱类型、基于原型的语言

    是前端代码中最重要的部分(行为层)

    常用于操作HTML页面响应用户的操作、验证传输数据

js写在哪里

    页面中<script></script>标签中

    外部引入<script src="js路径"></script>

    标签中

写js需要注意什么

    严格区分大小写

    语法字符半角字符;(字符串里边可以是任意字符)

    完整语句后面加;结束符

    缩进对齐

a不做任何动作

    <a href="javascript:;">a</a>

    <a href="javascript:void (0);">b</a>

转义符号 \

    需要时用\转义  只在字符串中有意义

    alert('\\\\ \'') >> \\ '

弹窗常用

    console.log(1)

    alert(1)

    let a = confirm('sure?');

    console.log(a)

    let b = prompt('请输入:');

    console.log(b);

示例

style

    #box{

            width: 100px;

            height: 100px;

            background-color: #ff0789;

    }

body

    <div id="box"></div>

script

    document.getElementById('box').onclick = function () {

        alert('aaa')

    }

添加内容

    document.getElementById('box').innerHTML = '123';

点击出现自己名字

style

    #wrap{

        width: 100px;

        height: 100px;

        background-color: #b9c9fd;

    }

body

    <div id="wrap"></div>

script

    document.getElementById('wrap').onclick = function () {

    document.getElementById('wrap').innerHTML = '肥鲶鱼';

    };

-->

</body>

</html>
巴特西

02-认识js

最新文章

热门文章
