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 子节点[包括元素节点和文本节点]//除了标准元素之外包含文本

事件

定义:用户和页面之间交互

事件的处理

  1. 传统:赋值操作,原来的不存在了
  2. 现在:往里面累加(缺点浏览器问题)

事件分类

  1. 鼠标

mousedown , mouseup , mouseover , mouseout

  1. 键盘

keydown , keypress , keyup

  1. HTML

load , focus ,blur , change ,select

this   event

this 传值

event 发生事件本身,低版本IE(window.event)

应用部分

  1. 控制样式

Background-color === backgroundColor

document.body.style.backgroundColor

document.body.className

  1. 正则表达式

/^开始  $结束/

  1. *:匹配0到N个字符
  2. +:1到N个字符
  3. ?:零到1
  4. {}范围
  5. [789]可以为7为8为9,[m-n]范围区间

\. 输入小数点

正则表达式:执行效率低

jQUery

$===jQuery

gt()除了上面之外的

<form action=”” method=”post/get”></form>

Post 提交内容不在导航栏显示

Get  提交内容在上面的导航栏显示

JS获取form

  1. Document.getElementById();
  2. Document.getElementsByNames()[];
  3. Document.getElementsByTagName()[];
  4. Document.forms[0]/ Document.forms[]
  5. Document.
  6. Document.body.childNodes 然后使用循环来确定是否为form元素

jQuery获取form

  1. $(id);
  2. $(class:eq());
  3. $(“from”).eq();
  4. $(“action=’ ’:eq() ”)

Input type 属性

  1. Text
  2. Botton
  3. File
  4. Radio
  5. Password
  6. Hidden
  7. Submit
  8. Reset
  9. Checkbox
  10. Image

Select

Textarea

jQuery-ui

时间: 2024-10-28 09:43:03

JS知识点简单总结的相关文章

Node.js知识点学习

Node.js知识点学习 一.基本概念 Node.js,或者 Node,是一个可以让 JavaScript 运行在服务器端的平台.可以说,Node.js开创了javascript模块化开发的先河,早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成 类.最后node.js的出现才开始有了js模块化开发的概念,这使得臃肿的js代码免去了命名冲突等一系列开发难题. Node最大的特点就是采用了异步式I/O与事件驱动的架构设

赵雅智:js知识点汇总

赵雅智:js知识点汇总,布布扣,bubuko.com

JS中简单的this学习

我在学习JS初期,在使用this的时候经常出现问题,当然就是在现在,也有一些场景不能很好的明白this到底指代的是什么?看下面一个例子: ? 1 2 3 4 5 6 7 8 9 10 var x = 10;    var foo = {        x: 20,        bar: function() {            alert(this.x);        }    }    var bar = foo.bar;    foo.bar();    //20    bar()

JS实现简单的图片轮转

+(UIImage*)createImageFromView:(UIView*)view { //obtain scale CGFloat scale = [UIScreen mainScreen].scale; 开始绘图,下面方法,第一个参数表示区域大小.第二个参数表示是否是非透明的.如果需要显示半透明效果,需要传NO,否则传YES.第三个参数就是屏幕密度了 UIGraphicsBeginImageContextWithOptions(CGSizeMake(view.frame.size.wi

JS的简单操作和表单以及事件

HTML:主要用于往页面上放置所需要的控件. CSS:主要用来控制页面以及上面控件的样式. JS:主要用来控制页面上的特效以及数据交互. JS也分为顺序,条件(IF()... ELSE()),循环(FOR())三种语句,与C#基本一致. JS定义变量统一用var,定义数组不固定长度和类型,类似C#中的集合. JS的简单操作: DOM操作: 一.window: 1.window.onload 页面打开完再执行后面的操作 2.window.open(1,2,3,4) - 打开新页面, 1 - 打开页

node.js搭建简单的websocket

1.首先在官网http://www.nodejs.org/下载NODE.JS 2.打开命令行CMD,进入NODEJS\node_modules\的目录,输入npm install socket.io  安装socket.io模块.别急着关掉此CMD窗口,后面有用 3.搭建服务端代码server.js 1 var http = require('http'); 2 var io = require('socket.io'); 3 var cisserver = http.createServer(

JS实现简单的运行代码 &amp; 侧边广告

/* JS实现简单的运行代码功能 */<!doctype html> <html> <head> <meta charset="utf-8" /> <script> window.onload = function() { var oTxt = document.getElementById('codeText'); var oBtn = document.getElementById('btn'); oBtn.onclick

iOS开发——网络开发OC篇&amp;OC与JS交互简单案例

OC与JS交互简单案例 网页开发中三个重要的知识,这里就不详细介绍了! Html:页面代码 Css:样式 javascript:响应 先来看一段html的简单代码,里面涉及了上面的三个部分(很简单) 1 <html> 2 <!--描述网页信息--> 3 <head> 4 <meta charset="UTF-8"/> 5 <title>hello world</title> 6 <script> 7 f

Sea.js 提供简单、极致的模块化开发体验

http://seajs.org/docs/#intro 为什么使用 Sea.js ? Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. 自然直观的代码组织方式:依赖的自动加载.配置的简洁清晰,可以让我们更多地享受编码的乐趣. Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口. 兼容性 Sea.js 具备完善的测试用例,兼容所有主流浏览器: