美文网首页
HTML 日常了解10(js篇)

HTML 日常了解10(js篇)

作者: 卝婯 | 来源:发表于2018-06-19 19:26 被阅读0次

Unicode编码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Unicode编码</title>
    <script type="text/javascript">
        /*
        在字符串中使用转义字符输入Unicode编码
            \u四位编码
        */
        console.log("\u2F81");
        console.log("\u2620");
    </script>
</head>
<body>
    <!--
    在网页中使用Unicode编码:
        &#编码; 
    注意:这里的编码需要的是10进制
    -->
    <h1 style="font-size: 200px;">&#9760;</h1>
    <h1 style="font-size: 200px;">&#9856;</h1>

</body>
</html>

相等运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相等运算符</title>
    <script type="text/javascript">
        相等运算符用来比较两个值是否相等,
            如果相等会返回true,否则返回false
        
        使用 == 来做相等运算
            - 当使用==来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后再比较
        不相等
            不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false
                - 使用 != 来做不相等运算
                - 不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false
        
        ===
            全等
            - 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换
                如果两个值的类型不同,直接返回false
        !==
            不全等
            - 用来判断两个值是否不全等,和不等类似,不同的是它不会做自动的类型转换
                如果两个值的类型不同,直接返回true

        undefined 衍生自 null
            所以这两个值做相等判断时,会返回true

        NaN不和任何值相等,包括他本身

        可以通过isNaN()函数来判断一个值是否是NaN
            如果该值是NaN则返回true,否则返回false
    </script>
</head>
<body>

</body>
</html>

条件运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>条件运算符</title>
    <script type="text/javascript">
        条件运算符也叫三元运算符
            语法:
                条件表达式?语句1:语句2;
            - 执行的流程:
                条件运算符在执行时,首先对条件表达式进行求值,
                    如果该值为true,则执行语句1,并返回执行结果
                    如果该值为false,则执行语句2,并返回执行结果
                如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后在运算
    </script>
</head>
<body>

</body>
</html>

运算符的优先级

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>运算符的优先级</title>
    <script type="text/javascript">

        运算符
            使用,可以分割多个语句,一般可以在声明多个变量时使用

        就和数学中一样,在JS中运算符也有优先级,
            比如:先乘除 后加减
        在JS中有一个运算符优先级的表,
            在表中越靠上优先级越高,优先级越高越优先计算
            如果优先级一样,则从左往右计算
        但是这个表我们并不需要记忆,如果遇到优先级不清楚
            可以使用()来改变优先级

        如果||的优先级高,或者两个一样高,则应该返回3
        如果与的优先级高,则应该返回1

    </script>
</head>
<body>

</body>
</html>

代码块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>代码块</title>
    <script type="text/javascript">
        我们的程序是由一条一条语句构成的
            语句是按照自上向下的顺序一条一条执行的
            在JS中可以使用{}来为语句进行分组,
                同一个{}中的语句我们称为是一组语句,
                它们要么都执行,要么都不执行,
                一个{}中的语句我们也称为叫一个代码块
                在代码块的后边就不用再编写;了
        
            JS中的代码块,只具有分组的的作用,没有其他的用途
                代码块内容的内容,在外部是完全可见的
    </script>
</head>
<body>

</body>
</html>

相关文章

  • HTML 日常了解10(js篇)

    Unicode编码 相等运算符 条件运算符 运算符的优先级 代码块

  • HTML 日常了解8(js篇)

    HelloWorld js编写位置 js基本语法 字面量和变量 标识符 数据类型 Number Boolean N...

  • HTML 日常了解9(js篇)

    转换为Boolean 运算符 运算符 运算符也叫操作符通过运算符可以对一个或...

  • 移动端滑动切换

    预览 scss样式 html 额外了解: swiper插件 classify.js自定义的js

  • HTML 日常了解1

    HTML HTML(Hypertext Markup Language)超文本标记语言 HTML使用标签的的形式来...

  • HTML 日常了解6

    固定定位 元素的层级 背景 背景偏移与定位 背景固定

  • HTML 日常了解7

    按钮练习 雪碧图 简写背景属性 表格 表格 给表格添加样式 表格的布局 完善clearfix 表单 模拟后台服务器...

  • HTML 日常了解4

    内边距 外边距 外边距的重叠 浏览器默认样式 内联元素的盒模型 display和visibility overfl...

  • HTML 日常了解2

    餐厅游戏答案:1·plate 2·bento 3·#fancy 4·apple:first-child() 5·#...

  • HTML、CSS、JS都有哪些区别?不看必悔!

    划重点 HTML、CSS、及JS的区别有哪些? 在日常学习中,html,css和js我们都学过,起初分不清这三者的...

网友评论

      本文标题:HTML 日常了解10(js篇)

      本文链接:https://www.haomeiwen.com/subject/dfdzeftx.html