H5^Study

JS 基础学习

2019-03-25  本文已影响0人  Merbng
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">

        </script>
    </head>
    <body>
        javascript 简称js
        ECMAScript 标准:js的基本语法
        DOM:Document Object Model 文档对象模型
        BOM:Browser Object Model 浏览器对象模型


        js是什么
        一门脚本语言
        解释性语言
        动态类型的语言
        基于对象的语言

        常见的脚本语言
        t-sql, cmd


        HTML:标记语言,展示数据
        CSS:美化界面
        Javacript:
        可以用来控制网页内容,给网页增加动态效果
        早期为了处理表单的验证操作
        应用场景:
        1.网页特效
        2.服务端开发(node.js)
        3.命令行工具
        4.桌面程序
        5.APP
        6.控制硬件-物联网
        7.游戏开发

        js的代码可以在三个地方写
        <script src="js/test.js" type="text/javascript" language="JavaScript"></script>
        <!-- 但是目前在我们的html页面中,type和language都可以省略,原因是html是遵循h5的 -->
        <!-- 可能会出现:
            script标签中可能同时出现type和language的写法
 
            script标签在页面中可以出现多对。
            script一般放在body的标签最后,有时候会放在heard
            如果script标签是引入外部js文件的作用,那么这对标签中不要写任何js代码,如果要写,重新写一对script标签,里面放代码
 -->
        <!-- 在标签中写,内嵌 -->
        <input type="button" name="" id="" value="按钮" onclick="alert('被点击了')" />
        <script>
            alert("在页面中弹出一个对话框")
        </script>
        <!-- 1.在一对script标签中有错误的js代码,那么该错误的代码后面的代码不会执行 -->
        <!-- 2.如果第一对的script标签有错误,不会影响后面的script标签中的js代码执行 -->
        
        
        <!-- 变量
         js中存储数据 使用变量的方式,
         
         js中的每一行代码结束都应该有分号;
         js中的大小写是区分的,
         js中的字符串可以使用单引号,也可以使用双引号。
         
         变量名有一定的规范,一般以字母或者$ _ 开头, 中间或者后面可以有数字,字母
         
         变量名一般都是小写的
         
         如果是多个单词,第一个单词的首字母是小写的,后面所有的单词的首字母都大写,驼峰命名法
         
         声明变量 都用var
         
         声明变量并初始化
         var num=100;
         
         关键字不能做变量名
         
         
         -->
<!-- 两个变量的值进行交换,采用第三方变量进行交换 -->
        <script>
            var num1 = 10;
            var num2 = 20;
            var temp = num1;
            num1 = num2;
            num2 = temp;
            console.log(num1);
            console.log(num2);
            // 第二种方式交互
            var num1 = 10;
            var num2 = 20;
            num1 = num1 + num2; //30
            num2 = num1 - num2; //10

            num1 = num1 - num2; //20
            console.log(num1, num2)
            // 第三种方式
            var num1 = 10;
            var num2 = 20;
            num1 = num1 ^ num2;
            num2 = num1 ^ num2;
            num1 = num1 ^ num2;
            console.log(num1, num2)
        </script>
    </body>
</html>

上一篇下一篇

猜你喜欢

热点阅读