js函数、事件、补充知识

一、函数操作

(一)字符串操作:

(1)变量名.toLowerCase();--转小写     toUpperCase();----转大写

(2)变量名.substring(索引,截取到位数);----从索引开始截取到写入位数

(3)变量名.substr(索引,个数);---从索引开始截取几个字符串长度,不写后面数字截取到末尾

(4)变量名.split(‘字符’);---将字符串按照指定的字符拆开

(5)变量名.indexOf(“字符串”);---字符串第一次出现的索引,没有返回-1

(6)变量名.lastIndexOf(“字符串”);字符串最后一次出现的索引

(二)时间日期操作

时间操作需对象实例化

(1)变量名.getFullYear;--取年分

(2)变量名.getMonth();--取月份,取出来的少1

(3)变量名.getDate();--取天

(4)变量名.getDay();---取星期

(5)变量名.setFullYear();---设置年份,设置月份时需加1

(三)数学函数操作

(1)Math.ceil();---取小数上限

(2)Math.floor();---取小数下限

(3)Math.random();---随机0-1之间小数

注:Math.ceil(Math.random())取整型随机数,可取到上限取不到下限

floor--取到下限,取不到上限

二、事件

(1)onclick:鼠标点击事件

(2)ondblclick:鼠标双击事件

(3)onmouseover:鼠标移入触发

(4)onmouseout:鼠标移除触发

(5)onfocus:获取焦点(光标)时触发

(6)onblur:失去焦点触发

(7)onkeydown:按键按下时触发

(8)onkeyup:按键抬起时触发

三、补充

(1)window.onload:写在html开头,先读取要获取元素再读body内容

(2)window.onresize:浏览器尺寸改变操作

(3)document.documentElement.clientwidth--获取浏览器宽度

(4)document.documentElement.clientheight--获取浏览器度高

阻止冒泡:

window.event ? window.event.cancelBubble = true : e.stopPropagation();

时间: 2024-10-10 20:55:18

js函数、事件、补充知识的相关文章

2017-4-3 Js函数 时间 补充

(一)函数 1.字符串函数: s.toLowerCase() --- 转换成小写 s.UpperCase ---  转换成大写 s.substr(3,6)  --- 从下标是4的开始截取,截取6个字符,如果不写后面的数字,直接截取到最后(字符串截取主要用这个) s.substring(3,6) ---  从字符串的位置第三个截取到第五个(包含3,5,不是下标,是位置) s.split(' ');  --- 将字符串按照指定的字符拆开   ,比如中间是逗号,就将不是逗号的全部拆出来 var s =

Vue ---- vue的基本使用 文本/事件/属性指令 补充: js面向对象 js函数

目录 日考题(知识点)??? 1.http 与 https 2.前端布局 3.orm 大概的大纲?? vue框架??? 1.创建vue实例 2.挂载点 3.data 变量 4.methods 方法 5.插值表达式 6.文本指令 7.事件指令 8.属性指令 9.补充:面向对象js 10.补充:js函数 日考题(知识点)??? 1.http 与 https http 与 tcp : 一个是应用层, 传输层, http 协议传输层采用的是tcp http的特点: 无状态 无连接 先客户端发送请求, 服

JavaScript (JS) 函数补充 (含arguments、eval()、四种调用模式)

1. 程序异常 ① try-catch语法    测试异常 try-catch语法代码如下: try { 异常代码;     try中可以承重异常代码, console.log("try")  出现异常代码后,正确代码不会执行 } catch (e) { console.log("e:"+e);  try中出现异常在e中展现出来 console.log("catch");  只有try中出现异常才执行这段代码 } finally { consol

关于JS中数组splice,concat的用法和AngularJs中filter的补充知识

一 JS数组相关操作 1. splice函数,可做插入,删除,替换操作 1 <script> 2 "use strict" 3 var arr = ['z3']; 4 arr.splice(1,0,'l4'); 5 alert(arr); //z3,l4 6 arr.splice(1,1,'w5'); 7 alert(arr); //z3,w5 8 arr.splice(1,1); 9 alert(arr); //z3 10 arr.splice(10,1,'l4','w5

Button的Click事件与js函数的两种不同顺序触发方式

先执行js,或者先执行Click事件,最近就遇到了这个问题,开始弄了两个按钮分别执行,那才叫一个蛋疼... 1.先执行js,再执行Button的Click函数 <asp:Button ID="btn_delete" runat="server" Text="提交" onclick="button1_Click"/> 前台js为 <script language="javascript"&g

JS常见事件以及函数

1.js enter键激发事件 document.onkeydown = function (e) {            if (!e) e = window.event;            if ((e.keyCode || e.which) == 13) {                $("#btnSubmit").click();            }        } 2. JS常见事件以及函数

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函数、事件、window窗体对象

函数:function 函数名(参数列表) 事件 单击:onclick()表单提交:onsubmit()鼠标经过:onmouseover()值改表时:onchange() window窗体对象转跳:window.location = url 警告框:alert() 确认框:confirm("messge"),返回true 和false 接收用户输入 prompt("请输入内容", "默认值") <!DOCTYPE html><h

JS的事件流的概念(重点)

在学习jQuery的事件之前,大家必须要对JS的事件有所了解.看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件.页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件.想要知道这些事件是在什么时候进行调用的,就需要了解一下"事件流"的概念. 什么是事件流 事件流描述的是从页面中接收事件的顺序 1.DOM事件流 "DOM2级事件"规定的事件流包括三个阶段: ① 事件捕获阶段: ② 处于目标

漫谈js自定义事件、DOM/伪DOM自定义事件

一.说明.引言 我JS还是比较薄弱的,本文的内容属于边学边想边折腾的碎碎念,可能没什么条理,可能有表述不准确的地方,可能内容比较拗口生僻.如果您时间紧迫,或者JS造诣已深,至此您就可以点击右侧广告(木有?则RSS或盗版)然后撤了. 事件是个大课题,真要从断奶开始讲起的话,可以写个12期的连载.关于JS事件的文章(类似DOM/BOM事件模型,IE与其他浏览器事件差异,DOM1/DOM2事件定义等)落叶般随处可见.熟豆子反复炒一点意思都没有,因此,这里谈谈自己感兴趣的自定义事件以及周边. 所谓自定义