JS知识点简单总结
JS(JavaScript) 是一种解释性语言
是弱/动态
最开始用于表单验证的
JS的五个部分:
1.核心语言定义
2.原生对象和内置对象
5boolean
3.BOM
4.DOM
5.事件处理模型
数据类型
1.Undefined
2.Number
3.Object
4.String
当函数无明确返回值时,返回的值为Undefined
JS中的单引号和双引号区别不大,都是字符串的
BOM : 浏览器对象模型
最上一层 window
通过DOM可以获取页面的大小,来进行操作
setTimeout() //只执行一次
setInterval() //死循环
document.images // 获取所有图片的集合
window.location // 地址栏
window.history //历史纪录
window.history.go(-1) //返回上一级
window.navigator //获取操作系统的版本
DOM
document
api 一组函数/属性
文档对象模型
Document.getElementById();
innerHTML(); // (select/table不能直接使用)
节点
innerText();
文本
document.childNodes 子节点[包括元素节点和文本节点]//除了标准元素之外包含文本
事件
定义:用户和页面之间交互
事件的处理
- 传统:赋值操作,原来的不存在了
- 现在:往里面累加(缺点浏览器问题)
事件分类
- 鼠标
mousedown , mouseup , mouseover , mouseout
- 键盘
keydown , keypress , keyup
- HTML
load , focus ,blur , change ,select
this event
this 传值
event 发生事件本身,低版本IE(window.event)
应用部分
- 控制样式
Background-color === backgroundColor
document.body.style.backgroundColor
document.body.className
- 正则表达式
/^开始 $结束/
- *:匹配0到N个字符
- +:1到N个字符
- ?:零到1
- {}范围
- [789]可以为7为8为9,[m-n]范围区间
\. 输入小数点
正则表达式:执行效率低
jQUery
$===jQuery
gt()除了上面之外的
<form action=”” method=”post/get”></form>
Post 提交内容不在导航栏显示
Get 提交内容在上面的导航栏显示
JS获取form
- Document.getElementById();
- Document.getElementsByNames()[];
- Document.getElementsByTagName()[];
- Document.forms[0]/ Document.forms[]
- Document.
- Document.body.childNodes 然后使用循环来确定是否为form元素
jQuery获取form
- $(id);
- $(class:eq());
- $(“from”).eq();
- $(“action=’ ’:eq() ”)
Input type 属性
- Text
- Botton
- File
- Radio
- Password
- Hidden
- Submit
- Reset
- Checkbox
- Image
Select
Textarea
jQuery-ui
JS知识点简单总结的更多相关文章
- Node.js知识点学习
Node.js知识点学习 一.基本概念 Node.js,或者 Node,是一个可以让 JavaScript 运行在服务器端的平台.可以说,Node.js开创了javascript模块化开发的先河,早期 ...
- 原生JS实现简单富文本编辑器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 原生JS封装简单动画效果
原生JS封装简单动画效果 一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(ob ...
- HTML(.js) – 最简单的方式操作 DOM 的 JS 库
HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法. 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法.相比 j ...
- Sea.js提供简单、极致的模块化开发体验
为什么使用 Sea.js ? Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. ...
- 投票系统 & js脚本简单刷票
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JS的简单用法
JS的简单用法 参考:http://www.w3school.com.cn/js/js_switch.asp JavaScript 是网络的脚本语言 JavaScript 是可插入 HTML 页面的编 ...
- 基于vue.js的简单用户管理
功能描述:添加.修改.搜索过滤 效果图: <!DOCTYPE html> <html lang="en"> <head> <title&g ...
- JS实现简单的运行代码 & 侧边广告
/* JS实现简单的运行代码功能 */<!doctype html> <html> <head> <meta charset="utf-8" ...
随机推荐
- public, protected, private,internal,protected internal的区别
虽然这个知识比较简单, 但是老是会忘, 写上来, 增强记忆. 在C#语言中,共有五种访问修饰符:public.private.protected.internal.protected internal ...
- HDU 5306 Gorgeous Sequence[线段树区间最值操作]
Gorgeous Sequence Time Limit: 6000/3000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Othe ...
- URL中?和#的区别(关于SSRF)以及mysql的secure-file-priv
零,绪论 20180125日,忙! 瞎比比总结一下,来满足这是个日记的样子. 1.今天谈的并不是什么技术[当然也不是没有技术(都很基础)]而是瞎几把扯. 一.关于一种SSRF的检测绕过: 1.背景: ...
- c#基础 第四讲
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threa ...
- PHP 开发环境的搭建和使用02--整合让apache处理php
PHP5.3.5直接下载解压即可.但是怎样才能让apache处理php呢? 1/ 在apache 的conf目录下 的 httpd.conf(用于指定apache的设置)加入如下代码: Load ...
- Java项目使用oh-my-email发送邮件
本文使用Github开源项目oh-my-email进行测试邮件发送,并未进行更为深度的测试,如果想要快速使用,的确是一个很好的邮件发送组件.https://github.com/biezhi/oh-m ...
- 在 Java 应用程序中绑定 Bean 和数据
本指南介绍了 NetBeans IDE 对 Java 应用程序中 Bean 绑定和数据绑定的支持. 要学完本教程,您需要具备以下软件和资源. 软件或资源 要求的版本 NetBeans IDE 版本 7 ...
- k8s滚动升级
为了服务升级过程中提供可持续的不中断的服务,Kubernetes 提供了rolling update机制,具体配置需要修改对应服务的yaml文件 参数解析: minReadySeconds: 100 ...
- Hadoop单点伪分布模式安装
Hadoop单点伪分布模式安装 概述 单点 single-node,单节点,即一台计算机. 伪分布式模式 pseudo-distributed mode 所谓集群,表面上看是多台计算机联合完成任务:但 ...
- HDU 4605 Magic Ball Game(可持续化线段树,树状数组,离散化)
Magic Ball Game Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) ...