JavaScript(四)——面向对象编程、BOM、DOM、表单验证、jQuery

最新推荐文章于 2022-05-01 19:56:24 发布
VIP文章 最新推荐文章于 2022-05-01 19:56:24 发布
阅读量572 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nzzynl95_/article/details/103941214
版权

文章目录

1. 面向对象编程

（1） 原型对象
javascript、Java、c#。。。。面向对象；javascript有些区别，在JavaScript需要大家换一下思维方式！

  • 类: 模板 原型对象
  • 对象: 具体的实例
    在这里插入图片描述
    在这里插入图片描述

（2）class 继承
class关键字，是在ES6引入的

  • 定义一个类，属性，方法
    在这里插入图片描述
  • 继承
    本质：查看对象原型
    在这里插入图片描述
    在这里插入图片描述
  • 原型链__ proto __:
    在这里插入图片描述

2. 操作BOM对象（重点）

JavaScript 诞生就是为了能够让他在浏览器中运行

BOM : 浏览器对象模型 使JavaScript有能力与浏览器“对话”

  • IE 6~11
  • Chrome
  • Safari
  • FireFox

三方

  • QQ浏览器
  • 360浏览器

（1）window
window 代表 浏览器窗口

最低0.47元/天 解锁文章
Easonnzz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 中的面向对象编程、DOM操作
weixin_43750162的博客
02-20 215
Math对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JS中的内置对象</title> <meta http-equiv="refresh" content="2" /&a
JavaScript面向对象编程，操作bom，dom，表单，jquery入门
weixin_43869261的博客
08-24 142
面向对象编程 原型： 在JavaScript中，每个对象都有一个proto属性，这个属性指向该对象的原型。 原型对象可以理解为父类 Class创建对象 //原生给JS对象增加方法 function Student(name){ this.name= name; } Student.prototype.hello = function (){ alert('hello'); } //使用class创建对象 class Student1{ constructor(name) {
通过JS如何获取DOM节点元素
Fancy_vae的博客
09-13 3501
JS中获取DOM元素的方法总共有5种： 1.通过id值。 2.通过name属性值。 3.通过指定的标签名。 4.通过class类名。 5.通过css选择器（css选择器如何选择，就可以如何选择） 1、通过id选取元素（getElementById） 1）使用方法：document.getElementById(“domId”) 其中，domId为要选取元素的id属性值 2）兼容性：低于IE8版本的IE浏览器对getElementById方法的实现是不区分元素ID号的大小写的，并且会返回匹配name属性的元素
JS获取DOM节点的N种方式
浪子四方
09-05 1778
目录 1document.getElementById() 2 document.getElementsByClassName(); 3 document.getElementsByName(); 4 document.getElementsByTagName(); 5 document.querySelector(); 6 document.querySelectorAll()...
JS——DOM对象常用方法知识简记
TKY666的博客
05-01 3516
目录 获取DOM对象方法一 1.通过id获取 2. 通过class(类名)获取 3. 通过标签名获取 4. 通过name属性获取 5. 通过querySelector（选择器）获取 6. 通过querySelectorAll获取 获取特殊对象方法 body html 获取或返回元素内容方法 JS与CSS交互 js添加与修改属性样式 样式获取（查询） 类操作 DOM节点 节点属性操作 节点操作（增删复插替） 获取DOM对象方法二 节点查找 父节点查找子节点方法...
使用原生javascript创建通用表单验证——更锋利的使用dom对象
12-11
首先看下效果，没什么特别，呵呵！ 调用的代码呢，则是相当简单，不需要创建其他的Label或者span标签，脚本将自动生成： 代码如下: <input type=”text” id=”txt1″ onkeyup=”checkResult(this.value == ”, ...
JavaScript面向对象编程指南
07-22
资源名称：JavaScript面向对象编程指南内容简介： Javaｓｃｒｉｐｔ是一种具有高度表达能力的、基于原型特性的、非常灵活的面向对象编程语言。《Javaｓｃｒｉｐｔ面向对象编程指南》着重介绍Javaｓｃｒｉｐｔ在面向...
jquery对象和javascript对象即DOM对象相互转换
12-09
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法；例如： $(“#img”).attr(“src”,”test.jpg”); 这里的 $(“#img”)...
JavaScript面向对象编程
10-30
暂时放弃js框架吧开始写javascript的时候都是自己写，后来发现了prototype.js框架，发现很好用，就一直用的，他的对象创建方法被修改了，但很好用，再后来又转用jquery框架，受此框架影响，也不用自己创建类了，渐渐...
前端—通过class获取dom元素
始于足下的博客
07-14 2305
方法一： <span class="test"></span> <script> console.log(document.querySelector(".test")) </script>
vue通过class获取dom_web前端教程JavaScript学习笔记DOM
weixin_30588427的博客
01-22 1万+
　　web前端教程JavaScript学习笔记 DOM一DOM（Document Object Model）： 文档对象模型 其实就是操作 html 中的标签的一些能力　　我们可以操作哪些内容　　获取一个元素　　移除一个元素　　创建一个元素　　向页面里面添加一个元素　　给元素绑定一些事件　　获取元素的属性 给元素添加一些 css 样式　　...　　DOM 的核心对象就是 docuemnt 对象　　...
js面向对象开发实例 —— 表单验证
mocoll的博客
08-25 112
三、表单验证 分析: 1.手机号码: /^1[3|4151718][0-9]9$/ 2.QQ: [1-9][0-9]{4,} (腾讯,QQ号从10000开始) 3.昵称是中文: ^[u4e00-\u9fa5]{28}$ JS代码：
javascript面向对象思想做form表单验证 代码很精简哦
永不停歇
05-18 2093
var obj = {     res : true , nick_fun : function(o,tip){     if(this.res==true){    o.siblings("span").css("color","blue");  }else{    o.siblings("span").css("color","red");  } o.siblings("spa
js通过class来获取DOM对象
weixin_30532759的博客
08-08 478
<!DOCTYPE html > <html> <head> <meta charset="utf-8" /> <title>get objects by class</title> </head> <body > ...
JavaScript中操作DOM对象重点总结
妖精小狗的博客
08-31 6774
DOM： Document Object Model（文档对象模型）   节点和节点关系： 访问节点： 使用getElement系列方法访问指定节点：getElementById( )、getElementsByName( )、getElementsByTagName( ) 根据层次关系访问节点 节点的属性： 属性名称 描述 ...
js 获取dom元素的八种方法
热门推荐
技术的搬运工
03-28 1万+
1、通过css选择器获取一个元素（querySelector）2、通过选择器获取一组元素（querySelectorAll）方法一样，只是可以获取css选择器匹配的。如果你需要返回所有的元素，请使用。方法仅仅返回匹配指定选择器的。
前端进阶（二）JS高级讲解面向对象，原型，继承，闭包，正则表达式，让你彻底爱上前端...
clhq71932的博客
05-21 144
JavaScript 高级 学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript 中使用正则表达式 ...
vue通过class获取dom_JavaScript学习笔记（十三） DOM(上）
weixin_42656416的博客
01-22 5357
DOM(上)DOM(Document Object Model)：文档对象模型其实就是操作 html 中的标签的一些能力我们可以操作哪些内容 获取一个元素 移除一个元素 创建一个元素 向页面里面添加一个元素 给元素绑定一些事件 获取元素的属性 ...
一个流行且实用的JS表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写FormValid.showError类方法来实现错误显示方式自定义： errMsg 是一个错误消息的数组，这样方便自定
11-07 5413
表单验证提示效果 body{ color:#666666; font-size:12px} h1{ font-size:20px;} input{ border:#999999 1px solid; background-color:#FFFFEE} .button2{ background-color:#FF9900; border-bottom:#E34A00 2px solid;
javascript 面向对象编程
最新发布
01-31
而 ES6 新增的 class 关键字也提供了更加直观和易读的面向对象编程语法，让 JavaScript 的面向对象编程更加灵活和易于理解。 JavaScript 的面向对象编程可以让开发者使用类和对象来模拟现实世界中的各种情景，更好...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值