JavaScript基础笔记二
一、函数返回值
1.什么是函数返回值
函数的执行结果
2. 可以没有return // 没有return或者return后面为空则会返回undefined
3.一个函数应该只返回一种类型的值
二、可变参(不定参)arguments
function sum (a,b)
{
var result=0;
var i=0;
for(i=0;i<arguments.length;i++)
{
result+=arguments(i);
}
alert(resulet);
}
sum(12,5,7,5,5,6,7,3,7)
案例:取非行间样式
案例所需知识
因为直接使用style只能获取定义在行内的样式,因此取非行间样式需要用到下面的属性—获取计算后的样式(当前样式/最终样式)
currentStyle //IE下可用,无法取得复合样式
GetComputedStyle() //FF下可用
样式可分为:
基本样式 如:width
复合样式 如:background //有color,posiition,repeat,image等属性
简单兼容如下:
oDiv=getElementById("div1");
if(oDiv.currentStyle)
{
//IE
alert(oDiv.currentStyle.width);
}
else
{
//FF
alert(getComputedStyle(oDiv,false).width);
}
简单的函数封装:
function getStyle(obj,attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj,false)[attr];
}
}
三、数组基础
1.如何定义
方法一 var arr=[1,2,3,4];
方法二 var new Array(1,2,3,4);
无区别一般用方法一代码短
2.数组的属性
length
既可以获取,又可以设置
例:快速清空数组:arr.length=0;
3.数组使用原则
数组应该只存一种类型的变量
四、数组常用方法
1.添加
push(元素) 尾部添加 arr.push(5)
unshif(元素) 头部添加
2.删除
pop() 从尾部弹出
shift() 从头部弹出
3.排序
sort([比较函数])排序一个数组
(1)排序字符串(默认排序字符串)
var arr1['small','hello','you','big'];
var arr2[34,100,98,4];
arr1.sort();
arr2.sort();
alert(arr1);
alert(arr2);
结果:big,hello,small,you
100,34,4,98
(2)排序数字
arr2.sort(function(num1,num2){
return num1-num2//从小到大,num2-num1
});
结果:4,34,98,100
4.转换类
(1)concat连接数组
var arr1[1,2,3,4];
var arr2[5,6,7,8];
alert(arr1.concat(arr2));
结果:1,2,3,4,5,6,7,8
(2)join(分隔符)
用分隔符,组合数组元素,生成字符串
alert(arr1.join("-"));
结果:1-2-3-4
(3)split与join相反
var arr3='12-5-7-8"
var arr3=str.split(‘-’);
alert(arr3[0]);
结果:12
5.插入、删除
splice(开始的位置,长度,元素)
var arr[1,2,3,4,5,6];
(1)中间删除
arr.splice(2,3)
结果:126
(2)中间插入
arr.splice(5,0,‘a’,'b','c')
结果:123456abc
(3)中间替换
arr.splice(0,2,‘a’,'b','c')
结果:ab345
原理:先删除再插入
博客园:JavaScript基础笔记二
JavaScript基础笔记二的更多相关文章
- JavaScript基础笔记一
一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...
- JavaScript基础笔记集合(转)
JavaScript基础笔记集合 JavaScript基础笔记集合 js简介 js是脚本语言.浏览器是逐行的读取代码,而传统编程会在执行前进行编译 js存放的位置 html脚本必须放在&l ...
- Javascript学习笔记二——操作DOM
Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...
- JavaScript基础笔记(十二)Ajax
Ajax 一.XMLHttpRequest对象 一)XHR用法 var xhr = new XMLHttpRequest(); //open()方法,参数一:发送方法,参数二:请求的URL,参数三:是 ...
- JavaScript基础笔记(二)变量、作用域和内存问题
变量.作用域和内存问题 一.基本类型和引用类型的值 基本类型值:简单的数据段 引用类型值:由多个值构成的对象 基本类型是按值访问的,引用类型是按引用访问的. 不能给基本类型的值添加属性,尽管不会报错. ...
- JavaScript基础笔记(十)表单脚本
表单脚本 一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数 ...
- JavaScript基础笔记(八)DOM扩展
DOM扩展 一.选择符API Selectors API是由W3C发起制定的一个标准,致力于让浏览器原生支持CSS查询. 一)querySelector() 在Document和Element类型实例 ...
- JavaScript基础笔记(一)基本概念
基本概念 一.语法 一)区分大小写 二)标识符 书写规则同Java 三)注释 略 四)严格模式 1.在整个脚本中启用严格模式:在顶部添加 "use strict" 2.指定函数在严 ...
- JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象
一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...
随机推荐
- android开发教程(八)——环境搭建之java-ndk
目录 android ndk是android用于开发本地代码的开发工具包.它提供C/C++交叉编译工具.android内核.驱动.已有的C/C++代码,都需要ndk来支持开发. 目前支持以下平台:ar ...
- mysql与java数据类型对照
类型名称 显示长度 数据库类型 JAVA类型 JDBC类型索引(int) 描述 VARCHAR L+N VARCHAR java.lang.String 12 CHAR N CHAR java.lan ...
- LinkedList类
LinkedList类 LinkedList类和ArrayList,Vector基本相同,都有增.删.改.查等方法.LinkedList是继承List接口. import java.util.*; p ...
- Volley使用指南第二回(来自developer.android)
上一篇文章翻译了一下google的Volley官方文档,讲到了最基本的发送request.这一次我们来下一回:创建一个自定义RequestQueue. 这篇文章将会教你一步一步创建自己的Request ...
- 80端口被NT kernel & System 占用pid 4
前段时间停止了Apache,结果在打开的时候发现无法打开,80端口被占用,于是win+r 运行cmd 输入netstat -ano 可以看到80端口被PID4占用,于是打开任务管理器-进程-查看,选择 ...
- Java基础-新建项目、包和类
1,新建项目
- Codeforces Gym 100203G G - Good elements 暴力
G - Good elementsTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/contest/ ...
- Oracle学习(七):集合运算
1.知识点:能够对比以下的录屏进行阅读 SQL> -- 查询10和20号部门的员工的3种方法 SQL> --1. select * from emp where deptno in (10 ...
- MAC JAVA 环境变量那些事
1,查看 JAVA 的版本号 akdeMacBook-Pro:bin AK$ java -version java version "1.6.0_65" Java(TM) SE R ...
- cocos2d粒子效果
第9章 粒子效果 游戏开发者通常使用粒子系统来制作视觉特效.粒子系统能够发射大量细小的粒子并对他们进行渲染,而且效率要远高于渲染同样数目的精灵.粒子系统可以模拟下雨.火焰.雪.爆炸.蒸气拖尾以及其他多 ...