首页 > 其他分享 >JS和Document

JS和Document

时间:2023-05-16 17:49:00浏览次数:49  
标签:obj name 对象 标签 JS JSON 20 Document


对象
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);

标签:obj,name,对象,标签,JS,JSON,20,Document
From: https://www.cnblogs.com/ningbaoer/p/17406330.html

相关文章

  • js深拷贝
    js深拷贝在JavaScript中,有多种方法可以实现对象的深拷贝,下面介绍几种常用的方式:手动遍历对象进行复制functiondeepCopy(obj){if(typeofobj!=='object'||obj===null){returnobj;}letnewObj=Array.isArray(obj)?[]:{};for(letkeyin......
  • threejs webgl性能优化
    threejswebgl性能优化WEBGL性能优化的方法有很多,以下是一些常见的方法:减少渲染次数:在WEBGL中,渲染次数越少,性能越好。因此,您可以通过减少渲染次数来提高性能。例如,使用批处理技术将多个对象合并为一个批处理对象进行渲染。降低纹理分辨率:纹理分辨率越高,渲染的时间就越长。......
  • JS逆向 -- 分析某站aid、cid、w_rid和sid的加密过程
    接上节课内容JS逆向--分析某站buvid3和_uuid的加密过程JS逆向--分析某站b_lsid值加密过程一、清除cookie信息,刷新网页,ctrl+f搜索sid,这样找到的数据是在url里或者响应信息里面,全局搜索找到的一般都是在js里面的数据,找到一个v2的数据包,里面有setcookie二、该数据包是get请求,分析......
  • jsp中实现文件上传下载的三种解决方案(推荐)
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览器(关闭......
  • SQLSERVER中JSON数组的拆分
    DECLARE@infoParamNVARCHAR(MAX);DECLARE@itemsNVARCHAR(MAX);SET@infoParam='{ "SCHOOL":"某某中学", "SCHOOLCODE":"1234", "USER":[{ "userid":"20XX001", "username......
  • Best practices for customization | Kentico 12 Service Pack Documentation (xperie
    Bestpracticesforcustomization|Kentico12ServicePackDocumentation(xperience.io)UsingjQuery Note:TheinformationinthissectiononlyappliestotheKenticoadministrationinterfaceandsitesbuiltusingthePortalEnginedevelopmentmodel,......
  • JS / jQuery 刷新页面的方法
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><!--引入jQuery--><scriptsrc="jq.js"></script></head><body>......
  • Newtonsoft.JSON 自定义JsonConverter
    引用:https://www.cjavapy.com/article/2513/https://www.cnblogs.com/weihanli/p/11080531.htmlhttps://www.cnblogs.com/Lulus/p/16968656.htmlhttps://www.cjavapy.com/article/2513/https://www.cnblogs.com/net-sky/p/16563025.htmlpublicclassDecimalConver......
  • js---校验身份证号码
    分享一个校验身份证号码的JS代码://校验身份证号码exportfunctionisIdCard(idCard){//15位和18位身份证号码的正则表达式varregIdCard=/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((......
  • 用JFreeChart增强JSP报表的用户体验(2)
     三. 饼图在WebRoot目录下建立名为pie的子目录,用来存放本教程中饼图的实例jsp页面。下面让我们来看一个简单的三维饼图。首先在pie目录下建立一个名为sample1.jsp的页面。在JFreeChart中,与饼图绘制密切相关的类如下:1) PiePlot饼图绘制类,可以用来设置饼图的相关属性。例......