开始学javascript
轻水与猫
这个作者很懒,什么都没留下…
展开
-
数组的一些方法
slice() 截取数组。语法:array.slice(start,end); 该方法不会改变原数组。 end可以不写,表示一直截取到最后。也可以是负数,表示倒数第几个。var arr=["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];var newArr=arr.slice(0,2); //孙悟空 猪八戒splice() 删除数组指定元素。会影响原数组原创 2018-02-01 15:43:33 · 118 阅读 · 0 评论 -
方法
函数也可以称为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法。var obj = new Object();obj.name="孙悟空";obj.sayName=function(){ console.log(obj.name);}function fun(){ console.log(obj.name);}调方法原创 2018-01-29 18:02:38 · 137 阅读 · 0 评论 -
通过JS修改元素样式
语法: 元素,style.样式名 = 样式值var box1=document.getElementById("box1"); box1.syle.width="100px";注意:如果CSS样式名含有 “-”如:background-color,这种名称在JS中不合法,需要将样式名修改为驼峰命名法,backgroundColor。style设置的样式都是内联样式,有较高的优原创 2018-02-05 19:52:05 · 3726 阅读 · 0 评论 -
其他样式相关的属性
element.clientHeight 元素可见高度element.clientWidth 元素可见宽度 这些属性返回不带px,直接返回数字,可以直接进行计算。 包括内容和内边距也会算在内,不包括边框。只能读不能改。有滚动条减去滚动条element.offsetHeight 返回元素高度element.offsetWidth 返回元素高原创 2018-02-05 20:33:14 · 128 阅读 · 0 评论 -
事件对象
onmousemove 鼠标在元素中移动时会触发事件对象 :当事件的响应函数被触发时,浏览器每次都会将事件对象作为实参传递给响应函数。 在事件对象中封装了当前事件相关的一切信息,比如:鼠标的坐标,滚上滚动方向,键盘按键event.clientX/event.clientY 获取鼠标指针在当前可见窗口的坐标的水平/垂直坐标pageY/pageY 获取鼠标相对于当前页面的水平原创 2018-02-06 15:04:00 · 98 阅读 · 0 评论 -
事件的冒泡
事件的冒泡(Bubble): 所谓冒泡指的是事件的向上传导,后代元素上的事件被触发时,其祖先元素的相同事件也会触发。 开发中大部分冒泡是有用的,如果不希望发生事件冒泡可以通过事件对象来取消。取消冒泡:将事件对象的cancelBubble设置为true。event.cancelBubble=true;原创 2018-02-06 15:10:48 · 112 阅读 · 0 评论 -
事件的委派,绑定
事件的委派:指将事件统一绑定给元素的共同的祖先元素,这样当后代元素上的事件出发时,会一直冒泡到祖先元素, 从而通过祖先元素的响应函数来处理事件。事件的绑定:使用 对象.事件=函数 的形式绑定响应函数 只能同时为一个元素的一个事件绑定一个响应函数,多个前面会被后面的覆盖。 addEventListener(事件字符串不要on,回调函数当事件触发时该函数会被调用,原创 2018-02-06 15:50:03 · 348 阅读 · 0 评论 -
setCapture
无论点击什么都会先出现设置了setCapture的元素的事件。原创 2018-02-07 18:54:48 · 807 阅读 · 0 评论 -
滚轮事件
onmousewheel 滚轮滚动时触发event.wheelDelta 获取滚轮滚动方向 这个值不看大小只看正负 正值向上。滚动滚轮时,如果浏览器有滚动条会默认随之滚动,return false可以取消。原创 2018-02-07 19:14:03 · 493 阅读 · 0 评论 -
bom dom
http://blog.csdn.net/qq877507054/article/details/51395830https://zhidao.baidu.com/question/713631827988588645.html转载 2018-02-20 09:23:41 · 227 阅读 · 0 评论 -
函数
函数:也是一个对象,可以封装一些功能(代码),在需要时可以执行这些功能。使用函数声明创建一个函数:function 函数名([形参1,形参2...])function fun(){}使用函数表达式创建函数:var 函数名 = function([形参]){ }调用函数时,可以在()中指定实参,实参将会赋值给函数中对应的形参。调用函数时解析器不会检查实参的类型,所以要注意是原创 2018-01-29 16:56:40 · 99 阅读 · 0 评论 -
BOM
BOM :浏览器对象模型 。通过JS操作浏览器- BOM对象:Window -代表整个浏览器的窗口,也是网页中的全局对象 Navigator - 代表当前浏览器的信息,通过该对象可以识别不同的浏览器 一般使用userAgent来识别浏览器信息。 console.log(Navigator.userAg...原创 2018-02-10 15:00:17 · 135 阅读 · 0 评论 -
对象
对象(Object)的分类: 1、内建对象:在任何的ES的实现中都可以使用。2、宿主对象:由JS的运行环境提供的对象,目前主要指浏览器提供的对象。 如:BOM、DOM 3、自定义对象:由开发人员自己创建的对象。对象的基本操作:使用new关键字调用的函数 var obj = new Object();在对象中保存的值称为属性,添加属性语法:对象.属性名=属性值原创 2018-01-29 15:31:36 · 132 阅读 · 0 评论 -
Date
Date对象:在JS中使用Date对象表示一个时间。var d=new Date();//当前时间创建指定时间:格式: 月份/日期/年份 时:分:秒var d2=new Date("02/01/2018 14:23:22");var date=d2.getDate();//getDate()获取对象的日期var day=d2.getDay();//getDay()返回一周里的某原创 2018-02-01 16:34:01 · 110 阅读 · 0 评论 -
Math
Math:Math和其他对象不同,不是一个构造函数。它属于一个工具类不用创建对象。Math.ceil();//向上取整 1.1-->2Math.floor();//向下取整 1.99-->1Math.round();//四舍五入取整Math.random();//0-1之间的随机数,不会出现0,1 生成一个x-y之间的随机数:Math.round(Math.rando原创 2018-02-01 16:48:21 · 174 阅读 · 0 评论 -
String方法
在底层字符串是以字符数组的形式保存的。-length 获取字符串长度-charAt() 返回字符串中指定位置的字符-concat() 用来连接两个或多个字符串-indexof() 检索一个字符串中是否含有指定内容,如果有这个内容就返回第一次出现的索引,没有返回-1. 可以指定第二个参数,指定开始查找的位置-lastIndexOf() 从后往前找,其余同indexof一样原创 2018-02-01 18:34:32 · 123 阅读 · 0 评论 -
正则表达式
正则表达式:用于定义一些字符串的规则。计算机根据正则检查字符串是否符合规则, 获取将字符串中符合规则的内容提取出来语法:var 变量 = new RegExp("正则表达式","匹配模式")var reg = new RegExp("a","i");正则表达式的方法:test() -使用这个方法检查一个字符串是否符合正则表达式的规则,符合返回truereg.test("原创 2018-02-02 16:08:20 · 197 阅读 · 0 评论 -
JS基本语法
javascript是从上往下执行的一般都在head中添加script标签或者写到外部文件然后引入(推荐)。alert(我是script中的代码);1、可以将js代码写到标签的onClick属性中:点我一下2、可以卸载超链接的href属性中: 你也点我一下但不推荐使用。JS中分变量和字面量(如1234)在 JS中使用var关键原创 2018-01-26 23:17:06 · 2517 阅读 · 0 评论 -
数据类型
JS有六种数据类型:基本数据类型:String Number Boolean Null Undefined 引用数据类型:Objecttypeof 可以检查数据的类型String:JS中字符串要使用引号引起来,单双引号都可以但不可以混用,不可以嵌套。Number:在JS中所有数值都是Number类型,包括整数和浮点数。NaN:表示Not a Number type原创 2018-01-27 17:08:18 · 130 阅读 · 0 评论 -
DOM-文档对象模型
节点:Node--构成HTML文档最基本的元素常用节点分四类:-文档节点:整个HTML文档 -元素节点:HTML文档中的HTML标签 -属性节点:元素的属性 -文本节点:HTML标签中的文本内容事件:就是用户和浏览器的交互行为,比如鼠标移动。文档的加载:浏览器加载页面是按照自上向下的顺序,读取到一行就运行一行。 onload事件会在整个页面加原创 2018-02-03 19:33:11 · 169 阅读 · 0 评论 -
运算符
运算符也叫操作符,通过给一个或多个值进行运算,并获取运算结果。如typeof:获得一个值的类型。然后以字符串形式返回。算数运算符: + 加法运算 true为1 false为0。任何值和NaN都是NaN。 两个字符串想加会拼串,任何值和字符串做加法运算都会先转化为字符串,然后拼串。 可以利用这一特点将任意类型转化为字符串,例如:var a = 123;a=a+"";原创 2018-01-28 14:05:16 · 123 阅读 · 0 评论 -
DOM增删改
document.createElement(); -可以用于创建一个元素节点,需要一个标签名作为参数,根据标签名创建元素节点对象。 document.createElement("li");document.createTextNode(); - 用于创建一个文本节点对象,需要一个文本内容作为参数,根据参数创建文本节点 document.createTex原创 2018-02-04 18:50:35 · 172 阅读 · 0 评论 -
JSON
JSON是一个特殊格式的字符串,这个字符串可以被任意的语言识别,并且可以转换为任意语言中的对象。JSON在开发中主要用来数据交互。JSON和JS对象的格式一样,只不过JSON字符串的属性名必须加双引号。JSON分类:1、对象{} var obj = '{"name":"孙悟空","age":"18"}'; 2、数组[] var arr ='...原创 2018-02-20 16:03:24 · 2410 阅读 · 0 评论