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. 根据数据文件自定义边界条件timeVaryingUniformFixedValue【转载】

    转载自:http://blog.sina.com.cn/s/blog_e256415d0101nf9j.html 在OpenFOAM中,可以创建数据文件,自定义边界条件. 下面的例子读取outletP ...

  2. Shell登陆远程服务器

    现场服务器较多,密码3个月过期,在到期时需更改密码. 使用expect编写,尝试登陆2次后退出(防止密码错误时账号锁定),超时重试一次. shell脚本调用并定时执行,登陆成功后执行一条命令,如:ho ...

  3. Cesium原理篇:Material【转】

    https://www.cnblogs.com/fuckgiser/p/6171245.html Shader 首先,在本文开始前,我们先普及一下材质的概念,这里推荐材质,普及材质的内容都是截取自该网 ...

  4. B2B2C 商业模式

    b2b2c_百度百科https://baike.baidu.com/item/b2b2c/876805 What is Business to Business to Consumer (B2B2C) ...

  5. Xamarin图表开发基础教程(2)OxyPlot框架

    Xamarin图表开发基础教程(2)OxyPlot框架 OxyPlot图表设计 OxyPlot是一个基于.Net的跨平台图表库.该图表库也支持Xamarin应用开发.该组件支持多种类型的图表.本章将主 ...

  6. Spring cloud微服务安全实战-3-8API安全机制之Https

    Https访问 1.验证双方的身份. 2.一旦建立连接,对数据进行封装加密 这里先生成一个自己自签的证书,不是第三方颁发的,第三方颁发的要花钱. 第二是做一些配置,让程序支持https 安装了java ...

  7. ABAP DEMO 下拉框

    效果展示: *&---------------------------------------------------------------------* *& Report YCX ...

  8. Spring Cloud API网关服务 5.2

    为什么需要API网关 通过前面内容的学习,我们已经可以构建一个简单的微服务架构系统.这个系统可以使用Spring Boot实现微服务的开发,使用Spring Cloud Eureka实现注册中心以及服 ...

  9. POJ Corn Fields 状态压缩DP基础题

    题目链接:http://poj.org/problem?id=3254 题目大意(名称什么的可能不一样,不过表达的意思还是一样的): 种玉米 王小二从小学一年级到现在每次考试都是班级倒数第一名,他的爸 ...

  10. 静态站点生成器-html-markdown-hugo

    推荐指数: