JavaScript
perfect_xiaoxian
这个作者很懒,什么都没留下…
展开
-
js的引入方式,变量,调试命令,使用方法,鼠标事件,操作标签样式,cssText
JavaScriptJavaScript一. ==js:是基于对象与实践驱动的解释性脚本语言;==二 . 引入方式三. 变量四. 调试命令五. 使用方法六. window.onload的作用七. 鼠标事件八. 操作标签样式九. cssTextJavaScript一. js:是基于对象与实践驱动的解释性脚本语言;基于对象: js是一种基于对象的语言,这意味着他能运用自己已经创建的对象,因此,...原创 2019-08-26 21:32:56 · 226 阅读 · 0 评论 -
JavaScript数学对象
处理数组的基本方法Math.ceil(); 执行向上舍入,即它总是将数值向上舍入为最接近的整数;Math.floor(); 执行向下舍入,即它总是将数值向下舍入为最近接近的整数;Math.round(); 执行标准舍入,即它总是将数值四舍五入为最接近的整数;Math.abs(); 返回参数的绝对值;Math.min() 和 Math.max(); 用于确定一组数值中最小值和最大值;M...原创 2019-09-08 21:32:54 · 349 阅读 · 0 评论 -
JavaScript事件和事件委托
事件1. 事件类型2. 事件绑定1.事件绑定2. 标准浏览器的事件绑定和ie浏览器的事件绑定的区别:3. 事件取消3. 事件流阻止事件冒泡4. 事件默认行为事件处理函数: 事件触发的时候调用的函数事件对象:ie和chrome: window.event,事件发生的时候,会将事件相关的所有内容储存在时间对象中(事件类型,实践目标,鼠标等);ff(火狐浏览器): 火狐的事件对象通过时间处理函数...原创 2019-09-10 13:15:34 · 331 阅读 · 0 评论 -
JavaScripts回调函数
JavaScript动画效果原创 2019-09-10 18:52:24 · 188 阅读 · 0 评论 -
cookie
cookie是浏览器访问服务器后,服务器传给浏览器的一段数据。浏览器需要保存这数据,不会轻易删除(保存在计算机中)。此后每次浏览器方位该服务器,都必须带上这段数据。cookie介绍cookie 实际上是指小量信息,只能存储4KB,是由Web服务器创建的,将信息存储在用户计算机在上的文件,比如用户登入某个网站,浏览器会提醒是否保存用户名和密码方便下一次登录,如果保存就是将信息保存在cookie中...原创 2019-09-11 21:08:01 · 153 阅读 · 0 评论 -
正则表达式
正则表达式: 是对字符串操作的一种逻辑公式,就是用事先定义好的一些字符,及这些特定字符的组合,组成一个‘规则字符串’,这个规则字符串用来表达对字符串的一种过滤逻辑,简单地说就是规定文本检索的内容,通常用来检索、替换文本。1. 创建正则表达式正则对象RegExp,又称为正则表达式;创建方式:构造函数创建;new RegExp(检测内容,修饰符) var reg1 = new RegExp...原创 2019-09-11 22:20:33 · 117 阅读 · 0 评论 -
面对对象实例
选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box div { width: 300px; ...原创 2019-09-15 19:27:31 · 115 阅读 · 0 评论 -
JavaScript面向对象
面向对象1. 面向对象1. 三个基本特征2. 对象由属性和方法组成2. 面向对象的创建1. 字面量方式创建2. 实例创建3. 工厂模式创建对象4. 构造函数创建对象5. 原型创建对象6. 混合模式创建(构造+原型)1. 面向对象1. 三个基本特征封装继承多态2. 对象由属性和方法组成属性:对应变量,表示对象的基本特征,是静态的;方法:对应函数,表示对象的行为,是动态的;2...原创 2019-09-15 19:33:53 · 505 阅读 · 0 评论 -
ajax
1. 什么是ajaxAJAX即 “Asynchronous JavaScript And XML”(异步JavaScript 和 XML),是指一个创建交互网页应用的网页开发技术,可以用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以是网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,刚好解决了传统方法的缺陷。异步: 浏览器在请求数据的过程中,不会一直等待这...原创 2019-09-16 22:42:14 · 100 阅读 · 0 评论 -
JavaScript数组
JavaScript数组增、删、改、查一. 数组1. 创建数组1. 字面量创建2. 构造函数创建2. 添加删除1. push 和 pop2. unshift 和 shift3.splice() 删除、添加、替换一. 数组1. 创建数组方式: 字面量方式串讲,构造函数创建;1. 字面量创建声明一个数组,数组中的元素可以使任意类型;var arr = [1,2,3,4];2. 构造函数...原创 2019-09-08 21:16:55 · 290 阅读 · 0 评论 -
表单操作
DOM操作表单1. 获取表单元素2. 表单事件1. 提交事件(onsubmit)2. 重置事件(onreset)3. 获得/失去焦点事件(onfocus、onblur、onchange)3. 表单方法1. 获取表单元素**方法:**通过form.name可以获取到相应的表单元素<form><input type="text" name = "UserName" value...原创 2019-09-08 16:46:14 · 248 阅读 · 0 评论 -
JavaScript数据类型及强制转换
JavaScript一. 数据类型1. 6大数据类型1. 基础数据类型1. 监测变量类型(typeof)2. 获取字符串的长度(length)3. 下标(charAt)4. NaN5. null和undefined的区别2. 复杂类型1.array一. 数据类型1. 6大数据类型基础数据类型:Number(数值),String(字符串),Boolean(布尔),null,undefined;...原创 2019-09-01 19:37:59 · 114 阅读 · 0 评论 -
JavaScript定时器
定时器1. 分类setTimeout(); //延迟执行,只执行一次;setInterval(); //间歇执行,隔一段时间执行一次(轮播图,倒计时);2. 语法setTimeout(函数,延迟时间);-->延迟多久调用函数,单位:ms;setInterval(函数,间歇时间);隔多长时间调用一次函数,单位:ms;清除定时器1. clearInterval1. 语法:...原创 2019-09-02 22:39:04 · 408 阅读 · 0 评论 -
JavaScript数据类型
运算符算术运算符,赋值运算符,比较运算符,逻辑运算符,三目运算符;1. 算术运算符原创 2019-09-02 22:59:09 · 73 阅读 · 0 评论 -
JavaScript数组排序 sort方法
1. 选择排序原理: 拿第一个跟后面所以的进行比较,如果有比第一个更小的,就交换位置var arr = [1,2,6,7,3,5,9,4,0];for(var i = 0; i<arr.length; i++){ for(var j = i+1; j<arr.length; j++){ if(arr[i] > arr[j]){ var temp = arr[i]...原创 2019-09-05 13:25:39 · 358 阅读 · 0 评论 -
BOM(Browser Object Model)-window对象
文章目录一.BOM-window对象二. window提供的系统警告框1. alert();-->警告框;2. confirm; -->带选择的对话框3. promt("提示信息",默认值)三. opan与close(打开/关闭网页)1.opan(打开)2. close()关闭窗口四. body位置属性1. client2. offset3.scroll五. 懒加载六. resize事...原创 2019-09-07 21:31:22 · 148 阅读 · 0 评论 -
图片懒加载
懒加载先只加载可视窗口区域的图片,当用户向下拖动滚动条的时候再继续加载后面的图片(同样,也只是加载可视窗口区域的图片);减少了加载时县城数量,使可视区域内的图片也能够快速加载,优化了用户体验;减少了同一时间发向服务器的请求数,服务器压力剧减;方法:在写网页<img>标签时并不会兼顾图片的路径放入src属性,而是自定义一个其他属性:_scr。将路径放入这个自定义的属性中,南无...原创 2019-09-07 21:32:35 · 690 阅读 · 0 评论 -
DOM操作
一、结点加载HTML页面时,web浏览器生成的一个树状结构,用来表示页面内部结构,称之为DOM树,DOM将这种树形结构理解为有节点组成;1.节点类型标签节点;文本节点(空格,回车,文字);属性节点:只能获取文本和标签阶段;1. 获取子节点<ul> <li>1</li> <li>2</li> <li>3&...原创 2019-09-07 22:07:10 · 368 阅读 · 0 评论 -
DOM表格操作 添加删除
DOM表格操作1.获取表格元素1.获取表格元素原创 2019-09-08 14:51:35 · 1176 阅读 · 1 评论 -
数组快排
快排var arr = [1,5,4,3,7,2];function kSort(arr){ if(arr.length<=1) return arr;//当arr里边的元素小于等于1的时候,不需要再循环,返回arr //找中间值 var middle = arr.splice(Math.floor(arr.length/2),1)[0]; var left = []; va...原创 2019-09-23 18:45:57 · 362 阅读 · 1 评论