JS DOM操作 函数 事件

一 函数

1、字符串函数

s.tolowerCase( );  -- 变小写

s.toupperCase( );  -- 变大写

s.substr( 2 , 8 );    -- 截取       从索引2开始截取,截取8个字符长度

s.split( );   -- 指定字符分割,返回一个数组。    括号里放一个字符,按照这个字符分割s

s.length ;  -- 长度

s.indexOf( );   -- 在字符串中第一次出现的位置,找索引,没有返回 -1.

s.lastindextOf( );  -- 从后面找第一个匹配的索引。

2、时间日期函数

var  d  =  now  Date ( );  -- 当前时间,获取的是用户电脑系统时间(容易出问题)

var  d   = now  Date (1999,3,2) -- 定义时间,1999年4月2号。

-- 定义时月份减一。

获取

d.getFullYeat( );   -- 取年

d.getMonth( );  -- 取月份, 取出来的比实际月份少1.

d.getDate( );  -- 取天

d.getDay( );  -- 取星期几

d.getHours( ); -- 取小时

d.getMinutes( );  -- 取分钟

d.getSeconds( ); -- 取秒

设置

d.setFullYear( );  -- 设置年份

d.setMonth( ); --设置月份   在设置是时候注意加 1 .

...........

3、数学函数

Math.ceil( );  --取上限

Math.floor( );  -- 取下限

Math.round( );  -- 四舍五入

Math.random( );  --随机数,0——1之间

var  v  =  Math.random ( );

Math.ceil (v*10 );           -- 取1——10的随机数

a. match ( b )    -- 判断是否匹配

-- 字符串 a、b 进行匹配,如果不匹配返回 null

-- 只是判断内容是否匹配,不看数据类型。

-- “===” 三个等号表示恒等,内容 类型等都要相等。

时间: 2024-08-04 13:23:02

JS DOM操作 函数 事件的相关文章

JS DOM操作(创建、遍历、获取、操作、删除节点)

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic

选择器,DOM操作,事件

选择器,DOM操作,事件javascript事件:onclick,ondlbclickonmousedown,onmouseuponmouseover,onmouseoutonkeydown,onkeyuponblur,onfocusonchange Jquery事件,与JavaScript 事件相似,只是把on去掉.click(function(){});focus(function(){}); 1.click,dblclick事件:案例:换背景(用缩略图换背景,单击轮转换背景)特别: tog

JS中的DOM操作和事件

[DOM树节点] DOM节点分为三大类: 元素节点. 属性节点. 文本节点: 文本节点.属性节点属于元素节点的子节点.操作时,均需要先取到元素节点,再操作子节点: 可以使用getElement系列方法,取到元素节点. [查看元素节点] 1.getElementById:通过id取到唯一节点.如果ID重名,只能取到第一个. getElementsByName(): 通过name属性   getElementsByTagName(): 通过标签名   getElementsByClassName()

JQuery中的Dom操作和事件

(一)JQuery中的事件 1.常规事件,把js事件中的on去掉 复合事件:hover(function(){},function(){}) ---- 相当于把鼠标移入移出事件和在一起执行 toggle(function(){},function(){},....)可以写多个,点击事件循环执行 未来元素:对象.live("事件名",function(){});   --- 对未来创建的元素进行操作 列子:点击按钮,创建元素,并给创建的元素添加点击事件 //对象.append():在什么

2017-6-3 JQuery中的Dom操作和事件

---恢复内容开始--- (一)JQuery中的事件 1.常规事件,把js事件中的on去掉 复合事件:hover(function(){},function(){}) ---- 相当于把鼠标移入移出事件和在一起执行 toggle(function(){},function(){},....)可以写多个,点击事件循环执行 未来元素:对象.live("事件名",function(){});   --- 对未来创建的元素进行操作 列子:点击按钮,创建元素,并给创建的元素添加点击事件 //对象

Node js 安装+回调函数+事件

/* 从网站 https://nodejs.org/zh-cn/ 下载 这里用的 9.4.0 版本 下载完安装 安装目录是 D:\ApacheServer\node 一路默认安装 安装后打开cmd命令行输入 path 在显示的结果中查找是否有 D:\ApacheServer\node有的话表示环境变量中已经包含了 D:\ApacheServer\node\ 可以在cmd中直接使用 node 这个命令 如在当前命令行中输入 node --version 显示 v9.4.0 当前nodejs的版本

Js DOM 操作

HTML DOM对标签属性的操作 1.获取属性值 对象.getAttribute("属性名") 对象.属性名 2.设置属性 对象.setAttribute("属性名","属性值") 对象.属性名 = "属性值" 3.删除属性 对象.remove("属性名") 对象.属性 = "" ? 以上操作不包含对class的操作 如果要对class进行操作 那么class需要写成className

js——DOM操作(一)

DOM:Document Object Model  文档对象模型 文档:html页面 文档对象:页面中元素 文档对象模型:定义  为了能够让程序(js)去操作页面中的元素 DOM会把文档看作是一棵树,同时定义了很多方法来操作这颗树中的每一个元素(节点) DOM节点 如: getElementById getElementByTagName document document.body ... //*************************************** childNode

JS DOM操作

DOM --文档对象模型(Document Object Model)是表示和处理一个HTML或XML文档的常用方法. 在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM. DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.. Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等, Dom技术使得页面的交互性大大地增强. var  v  =  document.getEl