初学js(JavaScript)

告别画网页的我们,正式进入了js的学习,其实刚刚才开始,却觉得有一点点难了呀,但是希望大家好好坚持,好好消化呀!

什么是JavaScript?

JavaScript是一种基于对象和事件驱动的脚本语言,是由ecmascript(规范) bom(浏览器对象) dom(元素对象)组成。

而今天我们就来学习一下ecmascript(规范)吧!

ECMAScript是一种语法标准

包括了语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象 

一、使用方法

1、内置

<body>
  <script type="text/javascript">
    /* 在文档中写入 */
   document.write('kw52初学javascript')
        /* 可以加上标签 */
   document.write('<h1>kw52初学javascript</h1>')
  </script>
</body>

2、 外部引入js

<body>
    <!-- 外部引入js -->
    <script src="./js/1.js" type="text/javascript"></script>
</body>

3、直接在html中使用js

<body>
    <!-- 直接在html中使用js -->
    <!-- ★使用按钮点击 执行document.write 会把页面上其他的内容覆盖 -->
    <input type="button" value="点我"  onclick="javascript:document.write('<h1>你好</h1>')">
    <!-- alert('输入弹出的内容') 弹出框  -->
    <input type="button" value="点我看看"  onclick="javascript:alert('欢迎光临')">
</body>

<script>…</script>可以包含在文档中的任何地方,

★只要保证这些代码在被使用前已读取并加载到内存即可。


二、js变量

  声明变量要使用关键字var

1、先声明变量再赋值

<body>
    <script>
        var width //width只是名字,想起什么名字都可以
        width = 100
        alert(width)
    </script>
</body>


2、同时声明和赋值变量

<body>
    <script>
        var width = 100
        document.write(width)
    </script>
</body>


3、用,号同时声明赋值

☆只有最后一个可以被赋值,前面的变量为初始值undefined

<body>
    <script>
        var width,height = 100
        alert(width)  //undefined
        alert(height)  //100
        // undefined(初始值)
    </script>
</body>


4、不声明,直接赋值

☆会把width变量变成全局变量

<body>
    <script>
        width = 100
        document.write(width)
    </script>
</body>


三、数据类型

         JS提供typeof操作符来检测变量的数据类型 

         用法例如: typeof age 或者 typeof(age) 

         有种情况相加 +号 代表拼接

1、undefined

变量a没有初始值,将被赋予undefined

<body>
     <script>
        var a;
        document.write(a);
    </script>  
</body>


 2、null

表示一个空值,与undefined值相等

 typeof null ==> object(历史遗留问题)

表示比较值是否相等

<body>
     <script>
        var age = null;
        // document.write(age);
        document.write(null==undefined)
    </script>   
</body>


3、number  数字类型

 分为 整数和浮点数(有小数点的)

<body>
     <script>
        var scorel1 = 90;  //整数
        var scorel2 = 95.5; //浮点数
        document.write(scorel1 + '<br>')
        document.write(scorel2 +  '<br>')
        document.write(typeof scorel1)
    </script>    
</body>


 4、bollean

布尔型:true和false

true    表示相等

false   表示不相等


5、string 字符串

被引号(单引号或双引号)括起来的文本


6、symbol

es6新增类型symbol

表示一个独一无二的数(不和任何数相等,除非是他自己) 


7、object  对象类型 

猜你喜欢

转载自blog.csdn.net/weixin_68485297/article/details/124222865
今日推荐