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, ...
随机推荐
- ecshop以幻灯版调用首页主广告显示
默认的是index_ad.lbi模板有一个$flash变量了,但在搜索搜索没发现 <!--{foreach from=$flash name=no item=flash}--> <l ...
- 8天玩转并行开发——第一天 Parallel的使用
转自:http://www.cnblogs.com/huangxincheng/archive/2012/04/02/2429543.html 随着多核时代的到来,并行开发越来越展示出它的强大威力,像 ...
- Vieta定理
一元$n$次方程$$P(x)=a_{n}x^{n}+a_{n-1}x^{n-1}+\cdots+a_{a}x+a_{0}=a_{n}(x-x_{1})(x-x_{2})\cdots (x-x_{n}) ...
- java的BigDecimal
java的BigDecimal 一般设计到高精度的加法或乘法或者阶乘的求和积都会用到BigDecimal这个类. import java.util.*;import java.math.BigDeci ...
- Cocos2d-x——CocosBuilder官方帮助文档翻译3 动画
Working with Animations 动画 You can use CocosBuilder for creating character animations, animating com ...
- Android中通过WebView控件实现与JavaScript方法相互调用的地图应用
在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用andro ...
- 使用导入导出进行备份和恢复OCR(10g)
Oracle推荐在对集群调整时,比方添加.删除节点之前,应对OCR进行备份,能够用export备份到指定文件.假设做了replace或者restore等操作,Oracle建议使用cluvfy comp ...
- 解决Mac下SublimeLinter的Unsafe Characters警告
Mac下编辑JS文件, 如果是中文字符的行会警告: This character may get silently deleted by one or more browsers. SublimeLi ...
- shared_ptr的简单实现
前面讲到auto_ptr有个很大的缺陷就是所有权的转移,就是一个对象的内存块只能被一个智能指针对象所拥有.但我们有些时候希望共用那个内存块.于是C++ 11标准中有了shared_ptr这样的智能指针 ...
- How to Display Image In Picturebox in VC++ from Iplimage and Mat
Introduction This tip/trick will be useful to OpenCV programmers, who wish to use Windows Form appli ...