zoukankan      html  css  js  c++  java
  • JavaScript基础知识(初识JS)

    js的组成部分

    1、 ECMAScript : JS的基础语法 变量 数据类型,操作语句,函数
    es3 es5 es6;
    2、DOM : document object model : 文档对象模型;给提供一系列操作页面元素的方法和属性;
    document.getElementById(): 通过ID获取元素
    var b = document.getElementById("box");
    3、BOM : browser object model : 浏览器对象模型; 给JS提供了一些属性和方法可以操作浏览器;
    console.log(b)// 在浏览器中控制台输出

    js的引入方式

    1、行内式
    2、内嵌式:
    • Script这个标签里面;一个页面中可以有多个script;代码从上到下加载;
    3、外联式
    • ./ : 同级的兄弟
    • / : 下一级
    • ../ : 上一级
    4、导入式
    <script src="js/index.js">
    // 外联式,script标签中的代码是无效的;
    // console.log(1000)
    </script>

    js的输出方式

    开发人员调试代码
    1、console.log();控制台输出
    2、Console.dir();详细输出
    3、Document.write():会默认把后面的值转换成字符串,然后在放在页面中
    4、Alert:弹出默认会进行数据类型转换,转换成字符串,调用toString的这个方法,会让当前代码停止到这一行
    5、Confirm:多一个取消按钮;点击确定按钮函数返回值是true;点击取消函数返回值的是false
    6、Prompt:多一个输入框点击确定时,输入框输入内容就是函数的返回值,点击取消,返回值是null
    7、Debugger:断点

    innerHTML 和innerText : 区别

    innerHTML 可以识别标签;
    innerText : 不能识别标签;会把所有的东西当作文本;

    js中的变量

    Html css 标记语言;
    js : 编程语言: 具有面向对象编程的思想;具有逻辑性;
    java C C# C++ PHP VB VF …
    声明定义一个变量,存储的值是数字10;
    = : 赋值; 把等号右边的值赋值给等号左边的变量;
    变量: 代表一个名字,实际意义是存储的那个值;
    如果变量没有被赋值,那么默认存储的undefined;
    JS 定义变量是属于松散类型的;
     
    定义变量名的规范:
    1. 变量名由数字、字母、下划线、$组成;
    2. 不能以数字开头;
    3. 遵循驼峰命名法: 第一个有意义的单词小写,以后任何一个有意义的单词大写;(语义化:更方便维护)
    4. 不能以关键字保留字作为变量名;
      5.严格区分大小写;
      关键字: 在JS中有特殊意义的单词;保留字: 在未来有可能成为关键字的词;
    总结报错的现象;
    Invalid or unexpected token : 无效的不可预料的语法错误;

    js中的数据类型

    变量 数据类型 操作语句(三个判断,三个循环) 函数 数组;
    JS 的数据类型分为两类: 基本数据类型和引用数据类型;
    Uncaught ReferenceError: a is not defined : a 没有被定义过;
    基本数据类型和引用数据类型的区别:
    1. 基本数据类型存储到栈内存中,引用数据类型存储到堆内存中
    2. 基本数据类型操作值的,引用数据类型操作的是空间地址;
    基本数据类型: number(数字) string(字符串) boolean(布尔) null undefined;
    堆内存、栈内存是浏览器形成的虚拟内存;
    基本数据类型都存储到栈内存中
    引用数据类型:对象数据类型和函数数据类型;
    都存储到堆内存中;
    对象数据类型: 普通的对象、数组 、正则 、Date的实例、Math…
    函数数据类型: 普通函数、类;
  • 相关阅读:
    WampServer Mysql配置
    Java实现 蓝桥杯VIP 算法提高 陶陶摘苹果2
    Java实现 蓝桥杯VIP 算法提高 陶陶摘苹果2
    Java实现 蓝桥杯VIP 算法提高 陶陶摘苹果2
    Java实现 蓝桥杯VIP 算法提高 质因数2
    Java实现 蓝桥杯VIP 算法提高 质因数2
    Java实现 蓝桥杯VIP 算法提高 质因数2
    Java实现 蓝桥杯VIP 算法提高 质因数2
    Java实现 蓝桥杯VIP 算法提高 质因数2
    Java实现 蓝桥杯VIP 算法提高 前10名
  • 原文地址:https://www.cnblogs.com/CCxi/p/9441226.html
Copyright © 2011-2022 走看看