对象
1.new var obj = new Object();

2.函数声明对象
function Human () {};

3.var obj = {}; 大括号 就是对象
var obj = {};
obj.name = '张三' ;
obj.age = 20;
obj.say = function () {};

4.var obj = {}; 大括号内放入属性 用:

var obj = {
name:'张三',
age:20,
sex:0,
run:function () {}

}

JSON
存储和和交换信息的语法
JSON 是轻量级的文本数据交换格式
JSON 独立于语言和平台 :
JSON使用JavaScript语法来描述数据对象
JSON解析器和JSON库支持许多不同的编程语言 :
目前非常多的动态编程语言,如PHP/JSP/.NET等都支持JSON.

格式
数据类型 :
JSON数字 : {"age":20}
JSON布尔 : {"flag":true}
JSON null: {"name":null}
JSON对象 : {"name":"lisi","age":20}

JSON数组 :
{
"courses":[
{"name":"JavaSE","time":20},
{"name":"HTML","time":1},
{"name":"CSS","time":2},
{"name":"JavaScript","time":3}
]
}
转换

JS对象和json类型的对象都可以通过 JSON.stringify() 转换为字符串,

JSON.parse() 方法将 数据/文本 转换为 JavaScript 对象。

Document
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)
dom元素和node(节点)的区别
dom元素指的是页面的标签,通过任意一个dom元素的关系可以找到当前页面其他任意的一个dom元素;
node节点指的是页面的任意元素(页面的每个东西都是节点),

其中
标签 换行符 注释 空格 属性 标签内容等都可以被当做node节点

当文档/页面加载完毕后才会执行onload函数

通过class选中 而选取ID 和 标签名 都很少用
1.id选择
document.getElementById();
2.通过标签名选中
document.getElementsByTagName();
3.通过class选中
document.getElementsByClassName();
4.通过标签的name属性来获取的对象集合
document.getElementsByName() ;

最常用!! ie6,7,8不支持! 而且ie8不支持console.log()
注意 : getElementsByClassName()函数的返回值是一个数组

添加事件的两种方式
方式1 :通过下标获取第一个元素
方式2 : 在标签中定义事件,事件触发函数

事件的三要素
1.谁(事件对象)
2.什么事件(操作:点击?聚焦?离焦?等)
3.怎么处理(效果怎么展示)

input 获取内容使用value,option也是使用value属性来获取值
value 这个属性只有input和option两个标签有这个属性.

innerHTML属性是来给标签设定展示给用户的内容
innerHTML和innerText

把字符串内容转换number 来进行计算
num1 = parseInt(num1);
num2 = parseInt(num2);

JS和Document的更多相关文章

  1. JS function document.onclick(){}报错Syntax error on token "function", delete this token

    JS function document.onclick(){}报错Syntax error on token "function", delete this token func ...

  2. js 节点 document html css 表单节点操作

    js 节点 document html css 表单节点操作 节点操作:访问.属性.创建 (1)节点的访问:firstChild.lastChild.childNodes.parentChild(父子 ...

  3. JS 中document.URL 和 window.location.href 的区别

    实际上,document 和 window 这两个对象的区别已经包含了这个问题的答案. document 表示的是一个文档对象,window 表示一个窗口对象. 一个窗口下面可以有很多的documen ...

  4. 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

    document.getElementsByClassName在ie8及其以下浏览器的兼容性问题,在ie8及其以下浏览器中不能使用,针对这个问题,下面给出详细的解决方法,感兴趣的朋友可以参考下     ...

  5. JS中的DOM对象及JS对document对像的操作

    DOM对象 windows:属性:opener(打开者) 方法:open().close(),setTimeout().setInterval()... location:属性:href 方法:rel ...

  6. JS的document.links函数使用示例

    ? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g ...

  7. JS的document.images函数使用示例

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS的document.anchors函数使用示例

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JS的document.all函数使用示例

    JS的document.all函数虽然被document.getElement......代替,但是在使用中还是较为常见,下面为大家详细介绍下具体的使用示例: 一: document.all是页面内所 ...

  10. JS function document.onclick(){}报错Syntax error on token "function", delete this token - CSDN博客

    原文:JS function document.onclick(){}报错Syntax error on token "function", delete this token - ...

随机推荐

  1. 【微信网页授权】SpringBoot+uniapp实现网页授权获取用户基本信息

    前言 缘由 起因于本狗上一个项目本打算采用微信公众号网页授权登录做用户鉴权,但最终因公众号是未认证的订阅号,无权限获取用户信息,所以改变思路,采用登录注册方式实现用户区分.但在开发中,学习了微信网页授 ...

  2. CSAPP-Shell Lab

    提供的工具: parseline:获取参数列表char **argv,返回是否为后台运行命令(true). clearjob:清除job结构. initjobs:初始化jobs链表. maxjid:返 ...

  3. 人工智能NVIDIA显卡计算(CUDA+CUDNN)平台搭建

    NVIDIA是GPU(图形处理器)的发明者,也是人工智能计算的引领者.我们创建了世界上最大的游戏平台和世界上最快的超级计算机. 第一步,首先安装N卡驱动. cby@cby-Inspiron-7577: ...

  4. 深谈Spring如何解决Bean的循环依赖

    1. 什么是循环依赖 Java循环依赖指的是两个或多个类之间的相互依赖,形成了一个循环的依赖关系,这会导致程序编译失败或运行时出现异常.下面小岳就带大家来详细分析下Java循环依赖. 简单来讲就是:假 ...

  5. PyTorch基础(Numpy & Tensor)

    Numpy与Tensor是PyTorch的重要内容 Numpy的使用 Numpy是Python中科学计算的一个基础包,提供了一个多维度的数组对象,数组是由numpy.ndarray类来实现的,是Num ...

  6. Network Science:巴拉巴西网络科学阅读笔记2 第一章图论

    第一章:图论 完全图又被称为团. Metcalfe's Law: Metcalfe's law states that the value of a telecommunications networ ...

  7. 快速上手Linux核心命令(三):文件和目录操作命令

    @ 目录 前言 cd 切换目录 pwd 显示当前路径 ls 显示目录下内容及相关属性信息 mkdir 创建目录 tree 以树形结构显示目录下的内容 touch 创建空白文件或改变文件的时间戳属性 c ...

  8. 在unity中制作live2d参数的AnimationClip[简单随笔]

    假定:已经成功导入模型.相关文档参考:https://github.com/gtf35/live2d_unity_sdk_chinese_document(人力翻译版的Live2d SDK文档) 全部 ...

  9. 【leetcode】258. 各位相加

    [leetcode]258. 各位相加 C++解法: class Solution { public: int addDigits(int num) { string s;//用来将num转换成字符串 ...

  10. Windows屏幕解锁服务原理及实现(1)

    https://github.com/zk2013/windows_remote_lock_unlock_screen 将生成的DLL注册至注册表 HKEY_LOCAL_MACHINE\SOFTWAR ...