JS 基础学习

作者: Merbng | 来源:发表于2019-03-25 22:10 被阅读0次
<!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>

相关文章

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 网络编程(十九) JavaScript(9)

    一、 JS的组成 1.1 JS基础阶段以及Web APIs阶段 【1】JS基础阶段 我们学习的生死ECMAScri...

  • -----Web APIs-----

    JS学习ECMAScript基础语法是为后面做铺垫,Web APIs才是JS的应用,大量使用JS基础语法做交互效果...

  • v-on指令

    Vue.js 基础学习 v-on 指令

  • 前端相关大杂烩

    前端基础面试题(JS部分) 前端基础面试题(JS部分)学习 React.js 比你想象的要简单 原文地址:Lear...

  • JS基础学习

    document.getElementByid("div1");根据ID来获取; document.之后getEl...

  • JS 基础学习

  • 程序员进阶

    在我们学完基础之后要想深入学习必须得学会js基础等一系列操作,在我们学习同时要注意css、HTML、js的...

  • 学习JavaScript高级第一周总结

    本周学习了JS高级,比起之前学习的html 、css、JS基础,JS高级还是比较难接受一点的,特意利用周末的闲暇,...

网友评论

    本文标题:JS 基础学习

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