Dom:document object model 即文档对象模型

Bom: browser object model 即浏览器对象模型

文档对象模型即与文本密切相关,比如document.querySelector(https://www.jkys120.com/article/95495/)之类

浏览器对象模型则是和各个浏览器密切相关,window.onload之类

Js当中的变量定义一律使用var 变量名。即不指定变量的具体类型,而且在js当中,变量是可以先使用再声明的。编译器默认会将变量函数的声明提升到程序的最顶部,但是数据初始化并不会被提升,例如 var i = 1 ,就不会被提升到上面,变量提升机制可能会造成我们在写程序时出现一些问题,这时候我们可以开启js的严格机制了,即在script标签当中加入一行”use strict”,这时候底下程序中便不可以使用未声明的变量。查看自己写入的变量是什么类型可以使用typeof(变量名)。

Js当中的数据类型 有数值型integer,float,number,字符串类型string,布尔型Boolean,空置 null。值得注意的是,在js当中,dom获取文档中的数据,很多时候获取的都是一个字符串类型,需要将它强转成int型号。;parseint(变量名)。在js当中,列如12avc这样的字符串,只要第一个字符不是字母就可以进行强制转换。强转的时候自动省略后面的字符。转成小数只能用parseFloat..boolean类型,可以直接写true和false,非0字符,非空字符串,都是true。反之false。

输入值:var cou = window.prompt(”提示信息”,输入值);

isNaN()à判断是不是数值(is not a number)

获取界面元素方法

根据id获取页面中某个元素与
document..getElementById(“id名”);

根据class名获取一组元素
  Var abc = document.getElementByClassName(“div之类”);

abc。Length—>可以查看数组长度  还有一些其他功能……

根据name获取,常用语复选框
Var obj = document.getElementsByName(“https://www.jkys120.com/article/95495/”);

obj[i].checked==true复选框的话可以在循环中查看数组元素,是否勾选之类。

获取元素之后,还可以为其复制

Obj[i].values=””;

document.querySlector();当中可以是标签,是标签的话取一组中的第一个,返回的是一个对象,当中也可以是css当中的标签选择器。
document.querySelectorAll()获取全部对象,返回值是一个数组。

关于JavaScript 基础总结的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇(3):Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. javascript中对一个对象数组按照对象某个属性进行排序

    需求:对timelist排序 安装keys . 分析:timelist 是个数组对象,里面包含属性 keys,val.这里借助数组sort方法 传入function <script> // ...

  2. 在 delphi (Object Pascal 语言)中,使用 array 关键字进行数组定义。

    如果需要定义二维数组可以采取以下定义形式: 一.静态数组定义 静态数组定义,通常用于数组元素的数目确定的情况.定义形式如下: 示例: 1 2 3 4 5 6 7 8 9 10 11 type   // ...

  3. OGC定义的几何要素

    OGC定义了两种描述几何对象的格式,分别是WKB(Well-Known Binary)和WKT(Well-Known Text). 在SQL语句中,用以下的方式可以使用WKT格式定义几何对象:几何类型 ...

  4. nrm -- 一键切换npm源

    0. 背景 先描述一下没有nrm时我们是怎样使用npm源的 查看npm源地址,终端中输入 npm config list 可以看到npm源 metrics-registry = "https ...

  5. AdapterViewFlipper

    使用AdapterViewFiller组件设置图片轮播,该组件可以自动切换view <?xml version="1.0" encoding="utf-8" ...

  6. ionic4.x EventEmitter3的使用

    安装: npm install --save eventemitter3 创建event.service import { Injectable } from '@angular/core'; // ...

  7. 【转载】 我的Machine Learning学习之路

    原文地址: https://www.cnblogs.com/steven-yang/p/5857964.html ------------------------------------------- ...

  8. Tomcat 目录结构以及相关规范的介绍

    目录 安装tomcat tomcat目录结构 tomcat/bin目录 tomcat/conf目录 tomcat/logs目录 JavaEE对项目结构的规范 war包 安装Tomcat 参考:安装Ja ...

  9. STM32---喜提点灯

    一:编译第一个程序 int main() //主函数 { } void SystemInit() //在执行主函数前,会被调用.不进行实现.在启动文件中被调用 { } ; Reset handler ...

  10. 【433】COMP9024 复习

    目录: 01. Week01 - Lec02 - Revision and setting the scene 02. Week02 - Lec01 - Data structures - memor ...