9.7 js进阶总结2

数组元素添加

将一个或多个新元素添加到数组结尾,并返回数组新长度

var week_len = week.push(‘星期四’,‘星期五’);

将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

var week_len = week.unshift(‘星期日’);

将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

arr3.splice(0,0,“abc”);

document.write(arr3[0]);

数组元素删除

var del = ["aa",23,345,56,34,"bb"];

var del_last = del.pop();        //移除最后一个元素并返回该元素值

var del_first = del.shift();      //移除最前一个元素并返回该元素值,数组中元素自动前移

var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

document.write(del_arr);

string对象

string对象用来处理文本。

事实上任何一个字符串常量都是一个string对象,可以将其直接作为对象来使用。

获得字符串长度:

length属性:

var str= “hello”,

str2= “你好”;

alert(str.length);

alert(str2.length);

提取字符串:

charAt()方法

var str= “HELLO WORLD”,

n = str.charAt(2);

substr()方法

var str = ‘hello’;

alert(str.substr(0,2);

substring()方法

alert(str.substring(0,3))

查找替换字符串:

indexOf()和lastIndex()方法

var str="Hello world, welcome to the universe.";

alert(str.indexOf(“welcome”);

alert(str.lastIndexOf(‘e’));

replace()方法

var str="Visit Microsoft!";

var n=str.replace("Microsoft","W3CSchool");

search()方法

var str="Visit W3CSchool!";

var n=str.search(“W3CSchool”);

window对象

window对象表示整个浏览器窗口

定时器setInterva() , setTimeout()

定时器可以说是js前端最常用的工具,几乎所有的逐渐变化的动态效果都会使用到定时器,比如说图片滚动,渐隐渐现,拖拽等等.定时器分两种分别是settimeout和setinterval.

window.setInterval();   设置循环定时器

var T = window.setInterval(test,1000);  test:执行的代码串或函数  设置1000毫秒

window.clearInterval();  清除循环定时器

window.clearInterval(T);

window.setTimeout();    设置单次定时器

var T = setTimeout(test,1000);  test:执行的代码串或函数   设置1000毫秒

window.clearTimeout()    清除单次定时器

clearTimeout();

history对象

history对象是window对象的子对象,对应于浏览器的历史记录。

window.history.go(-1);

window.history.go(1);

history.back();

history.forward();

Location对象

Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。

1.跳转到其他页面

window.location.href = "http://www.163.com";

location.href = "http://www.163.com";

2.重新载入页面(刷新)

location.reload();

navigator对象

navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用window.navigator引用它,也可以用navigator引用

var info= navigatorAgent;

alert(info);

时间: 2024-10-13 16:06:45

9.7 js进阶总结2的相关文章

[JS进阶] HTML5 之文件操作(file)

前言 在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建. 该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件. 该元素的 value 属性保存了用户指定的文件的名称,但是当包含一个 file-upload 元素的表单被提交的时候,浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名. 当用户选择或编辑一个文件名,file-upload 元素触发 onc

【 D3.js 进阶系列 】 进阶总结

进阶系列的文章从去年10月开始写的,晃眼又是4个多月了,想在年前总结一下. 首先恭祝大家新年快乐.今年是羊年吧.前段时间和朋友聊天,聊到十二生肖里为什么没猫,我张口就道:不是因为十二生肖开会的时候猫迟到了吗? 呵呵,不知道这是谁给我灌输的观点.o(>﹏<)o 进阶系列的文章分为两部分,文章前括号里写有: [D3.js 进阶系列] [D3.js 选择集与数据详解] 虽然称之为"进阶",但并不是说一定要看完"入门"才能看.由于本人能力有限,不能很好地整理成由

[JS进阶] JS 之Blob 对象类型

什么是Blob? Blob 是什么? 这里说的是一种Javascript的对象类型. oracle 中也有类似的栏位类型. 在 [JS进阶] HTML5 之文件操作(file) 这一篇中用到了File对象,而实际上 file 对象只是 blob 对象的一个更具体的版本,blob 存储着大量的二进制数据,并且 blob 的 size 和 type 属性,都会被 file 对象所继承. 所以, 在大多数情况下,blob 对象和 file 对象可以用在同一个地方,例如,可以使用 FileReader

【 D3.js 进阶系列 — 1.1 】 其他表格文件的读取

CSV 表格文件是以逗号作为单元分隔符的,其他还有以制表符 Tab 作为单元分隔符的 TSV 文件,还有人为定义的其它分隔符的表格文件.本文将说明在 D3 中如何读取它们. 1. TSV 表格文件是什么 TSV(Tab Separated Values),制表分隔值,它和 CSV 文件仅仅是分隔符不一致.它的格式如下: name age 张三 22 李四 24 2. D3 中读取 TSV 文件 在 D3 中读取 TSV 文件的方法和 CSV 文件是一样的,只要更改一下函数名即可.方法如下: d3

《饿了么大前端 Node.js 进阶教程》—Javascript 基础问题—引用传递

<饿了么大前端 Node.js 进阶教程>地址:https://github.com/ElemeFE/node-interview 1.如何编写一个 json 对象的拷贝函数 function clone(obj){ var result; if (Array.isArray(obj)) { result = []; obj.forEach((item) => { result.push(clone(item)); }); } else if (typeof obj === 'objec

《饿了么大前端 Node.js 进阶教程》—Javascript 基础问题—作用域

<饿了么大前端 Node.js 进阶教程>地址:https://github.com/ElemeFE/node-interview 作用域从某种意义上来说是个难点,它需要你真真正正的了解JS的分词.词法分析,语法分析,代码生成,LHS查询,RHS查询等深层的东西. 如果不知道可以读一下<你不知道的JavaScript:上卷> let和var的区别 1.let只在声明的代码块中有效,{}中使用let声明变量,外面是访问不到的,这就是块级作用域 2.不存在变量提升问题 3.重复声明会报

【 D3.js 进阶系列 — 1.0 】 CSV 表格文件的读取

在入门系列的教程中,我们常用 d3.json() 函数来读取 json 格式的文件.json 格式很强大,但对于普通用户可能不太适合,普通用户更喜欢的是用 Microsoft Excel 或 OpenOffice Calc 等生成的表格文件,因为简单易懂,容易编辑.                       Microsoft Excel 通常会保存为 xls 格式, OpenOffice Calc 通常会保存为 ods 格式.这些格式作为表格文件来说都很强大,但要读取它们是有些麻烦的,D3

js进阶篇学习

今天,闲来没什么事觉得要恶补一下js基础,虽说昨天听了尚大大的课,什么松耦合,紧耦合,各种组件化,可复用性.小小懵逼!硬着头皮也要上啊!但是还有一周的时间写这个组件化之前,觉得先恶补一下,js进阶比较好,所以有了今天的笔记. -----js进阶篇 因为之前看过慕课的js进阶篇但是好久不看,基本也给就馍吃的七七八八了,狠心从头开始 第一章,让你认识js 第二章,你要懂得规则,基础语法,变量啦,运算符拉 第三章,数组,(这个当初学的时候些些的懵逼,数组是个坎,二维更是懵逼,现在再看,依然是,迈过去了

【 D3.js 进阶系列 — 1.2 】 读取 CSV 文件时乱码的解决方法

在 D3 中使用 d3.csv 读取 CSV 文件时,有时会出现乱码问题.怎么解决呢? 1. 乱码问题 使用 d3.csv 读取 xxx.csv 文件时,如果 xxx.csv 文件使用的是 UTF-8 编码,不会有什么问题.当然,个人认为尽量使用 UTF-8 编码,可以在同一编码内使用各国文字. 但是,如果 xxx.csv 文件使用的是 utf-8 编码,使用 Microsoft Excel 打开的时候,可能会出现乱码,因为国内的 Excel 默认使用 GB2312 打开,而且在打开的时候不能选

《饿了么大前端 Node.js 进阶教程》—Javascript 基础问题—类型判断

lodash的类型判断源码 <饿了么大前端 Node.js 进阶教程>地址:https://github.com/ElemeFE/node-interview  lodash介绍:lodash是目前很流行的JS工具库,它封装了许多JS常用到的工具方法,在阅读源码时,你会发现代码冗长:官网说这是性能优化,不管你信不信,反正我信了! (1)null 类型 function isNull(value) { return value === null; } (2)number类型 function i