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. Nginx服务配置文件介绍

    LNMP架构应用实战——Nginx服务配置文件介绍 nginx的配置文件比较简单,但功能相当强大,可以自由灵活的进行相关配置,因此,还是了解下其配置文件的一此信息 1.Nginx服务目录结构介绍 安装 ...

  2. 利用python的matplotlib处理计算数据

    #!/usr/bin/python # -*- coding: UTF-8 -*- import numpy as np import matplotlib.pyplot as plt import ...

  3. wcf必知必会以及与Webapi的区别

    快速阅读 介绍wcf中的信息交换模式MEP以及数据在传输过程中的序列化,endpont的介绍和wcf的三种实例模式以及安全模式 以及和Webapi的简单对比. wcf介绍 支持跨平台. 支持多种协议 ...

  4. 安装adbyby

    搞得那么麻烦干什么,助人就要直接点嘛请用 Xshell 连接你的路由 1.安装curlopkg update && opkg install curl 2.创建相关文件夹(如已经安装a ...

  5. scrapy 爬虫教程

    http://python.jobbole.com/87284/ 这篇教程不错,后面的参考链接很好 另外,注意xpath的坑,用chrome的网页调试工具会对xpath会自动优化,自己加上tbody, ...

  6. U盘量产过程PS2251-07(PS2307) - F/W 01.05.10 [2014-05-23]

    说明本篇文章可能无法解决你的问题,请谨慎尝试.本博客中使用的工具提供下载(如果没有积分,可联系作者免费获取)ChipGenius_v4_00_0030UPTool_v2.089起因 U盘原先正常使用, ...

  7. JVM 自定义类加载器在复杂类情况下的运行分析

    一.自定义类加载器在复杂类情况下的运行分析 1.使用之前创建的类加载器 public class MyTest16 extends ClassLoader{ private String classN ...

  8. Idea2019.2破解

    1.在 hosts 文件里加入如下的配置:C:\WINDOWS\system32\drivers\etc\hosts 0.0.0.0 https://account.jetbrains.com:443 ...

  9. https://blog.csdn.net/qq_35636311/article/details/78255568 cPython 扩展

    https://blog.csdn.net/qq_35636311/article/details/78255568 http://book.pythontips.com/en/latest/pyth ...

  10. shell编程系列20--文本处理三剑客之awk常用选项

    shell编程系列20--文本处理三剑客之awk常用选项 awk选项总结 选项 解释 -v 参数传递 -f 指定脚本文件 -F 指定分隔符 -V 查看awk的版本号 [root@localhost s ...