JavaScript学习笔记详解-----(一)

2021-07-17 16:29:44 阅读：181 来源： 互联网

标签：脚本语言标签 JavaScript HTML ----- var 详解变量

概念：

    JavaScript 是脚本语言，是一种解释性脚本语言（代码不进行预编译）
    JavaScript 是一种轻量级的编程语言。
    JavaScript 是可插入 HTML 页面的编程代码。
    JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
    JavaScript 很容易入门。

作用：

    1、为网页添加各式各样的动态功能,
    2、为用户提供更流畅美观的浏览效果。
    通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

JavaScript历史

    Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为
    JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法
    上有类似之处，一些名称和命名规范也借自Java。

JavaScript的用法

JavaScript通常简称为js,或者js脚本。

HTML页面中的JavaScript

        在html页面中的脚本必须位于script围堵标签之间，script标签放在head中可以，body中也可
            以，放在最后也可以，对位置要求不严格。
        我们可以在 HTML 文档中放入不限数量的script标签，通常的做法是把内容统一放入head或
            者页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
        注意:有些案例中可能会在 script 标签中出现type=“text/javascript”。现在完全可以省略了，
            JavaScript已经是所有现代浏览器以及 HTML5 中的默认脚本语言。
在这里插入图片描述

外部的JavaScript:

    可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部
        JavaScript 文件的文件扩展名是 .js。
    当我们使用外部文件时，在HTML页面的script 标签的 “src” 属性中设置该 .js 文件：
在这里插入图片描述
    html中：

    注意:外部脚本不能包含 script 标签。

标签属性中的JavaScript:

直接编写在HTML标签的一些属性中，用于简单的JavaScript代码的编写，用的偏少。
<a href="javascript:alert('ok')">登录</a>

JavaScript显示数据

使用window.alert()弹出框

这里的window可以省略，等价于alert(“hello world”);

使用document.write()将内容写入到html文档

使用innerHTML写入到html元素

document.getElementById(“div”).innerHTML = “Hello”;

使用console.log写入到浏览器控制台

console.log(“Hello”);
JavaScipt中注释与Java中的注释一样

JavaScript基本语法

    JavaScript 是一个脚本语言。它是一个轻量级，但功能强大的编程语言
    JavaScript语法跟Java很相似，但是也有区别。JavaScript是弱语言类型，即有些时候有些错误
        不影响运行，但是依然推荐大家按照规范去编写代码，语言弱，程序员不能弱。

JavaScript变量

        声明变量的关键字：var
        语法：var 变量名称；
            var myCompany; //声明变量
            myCompany=‘王某人’; //赋值
            var x=5; //声明的同时赋值
            var y=6;
            var z=x+y; //变量也可以存储表达式
        变量名尽量使用驼峰命名法，尽量避免无意义的变量名

JavaScript的语句

        JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
        JavaScript 是脚本语言，浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来
            说，会在执行前对所有代码进行编译。
        JavaScript中也有分支结构和循环结构，语法与java类似，此处就不再深入讲解。细节上的
            内容等我们后面使用过的时候再给大家单独指出。
        注意：一般一行只写一条语句，每句结尾编写分号结束。

JavaScript的数据类型

值类型(基本类型)

字符串String
字符串是存储字符的变量。必须使用单引号或双引号；
在这里插入图片描述

            数字Number
                JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：
在这里插入图片描述
            布尔Boolean
                只能有两个值：true 或 false。
            空Null
                未定义Undefined
                表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
                共有4中情况会出现undefined的值
在这里插入图片描述
                Symbol
                    Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值

引用数据类型：

对象(Object)、数组(Array)、函数(Function)。稍后详细介绍。

JavaScript拥有动态类型

            JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：
            但是不推荐这种写法
                var x = “s”; //字符型
                var x = 1; //数值型

JavaScript中的运算符

与Java相同

标签：脚本语言,标签,JavaScript,HTML,-----,var,详解,变量
来源： https://blog.csdn.net/weixin_55035044/article/details/118857727

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9