js基础5

Array数组:

unshift()、push()方法都是添加元素到数组,前者是添加元素到开始,后者则添加到结尾。都是返回数组新长度。

shift()、pop()方法都是移除数组中的元素,前者是移除最前面的元素,后者是移除最后面的元素。都是返回移除的元素。

这几个方法记了好多次,过一段时间又忘记。索性就直接查看API简单粗暴,用多了自然就记住了。

String对象:

String 对象用来处理文本。

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

通过length属性可以获取字符串的长度。

var len = "kobe";
alert(len.length) //4

charAt()方法返回指定位置的字符。

var kobe = "kobe";
var str = kobe.charAt(2); //b

以下两个方法都是获取字符串,前者是传入指定的长度,后者是传入起始和结束的位置。

var str = ‘hello’;
alert(str.substr(0,2);//传入起始位数,截取的长度,返回的是’he’
alert(str.substring(0,3))//传入开始的位置,结束的位置 <3,返回的是’hel

indexOf()返回指定的字符串在字符串中首次出现的位置。lastIndexOf()则返回指定的字符串在字符串中最后一次出现的位置。

var kobe = "kobebe";
var index = kobe.indexOf("o"); //1var l_index = kobe.lastIndexOf("e"); //5

toLowerCase()用于把字符串转换为小写。

toUpperCase()则转换为大写。

BOM指浏览器对象模型,它提供了与浏览器窗口进行交互的对象。

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

定时器是非常常用的一个工具。

setInterval()可设置循环定时器,clearInterval()可清除循环定时器。

var timer = setInterval(function(){},30);clearInterval(timer);

setTimeout()是单次定时器,clearTimeout()可清除单次定时器。

var timer = setTimeout(function(){},1000);
clearTimeout(timer);

 

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

最常用的是history.back().

这个方法可以退回到上一个页面。

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

var info = navigator.userAgent();

  

DOM (document object model) 文档对象模型,它定义了操作文档对象的接口。

DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号 来表明家庭成员之间的关系。

节点分为:

1、元素节点

元素节点如 <body> <p> <div> 之类的元素,这些元素在文档中的布局形成了文档的结构

2、文本节点

文本节点指的是元素节点中的内容,但并非所有的元素节点都包含有文本节点。

3、属性节点

元素都或多或少有一些属性,属性的作用是对元素作出更具体的描述。属性节点总是被包含在 元素节点当中。

querySelector() 是HTML5新加入的方法,通过传入合法的CSS选择器,即可获取符合条件的第一个元素。

document.querySelector(".text");

  

时间: 2024-10-10 21:25:34

js基础5的相关文章

【 js 基础 】Javascript “继承”

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是 所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

js基础知识总结(2016.11.1)

js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f

JS基础(超级简单)

1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)        string 3)        boolean 4)        null 5)        undefined 1.1.2   复杂类型 object:date,array,function 1.2 变量 var 变量名=值 变量的作用域:1.全局:以页面为单位.2局部:以函数为单位.

js基础--javascript基础概念之数组(二)

js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入  移除数据称为 弹出. js为数值栈方法提供了 push()   和  pop() ;  两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push()  方法会将他们逐一添加到数组的末尾  数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =

js基础--javascript基础概念之数组

js基础--javascript基础概念之数组 在ECMAScript 中 ,数组是很常用的数据类型,js中的数组和其他很多语言的数组有明显的区别.js的数组可以保持任何类型的数值,一个数组中可以保存着多个不同类型的数值.js数组大小(长度)是可以调整的.可以随着数据的添加自动增长数组长度. 创建数组: 一.数组字面量 数组字面量由一对包含数组项的方括号[]表示. var array = [ 'kin', 'cheong', 'change', 'hello', 'haha', 'hi' ];

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

JS基础知识回顾:引用类型(一)

在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,而对象时引用类型的一个实例. 尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以虽然说引用类型与类看起来想死,但他们并不是相同的概念. 不过引用类型有的时候也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法. 新对象是使用new操作符后跟一个构造函数来实现的,构造函数本身就是一个函数,只不过该函数时处于创建新对象的目的而定义的. ECMASc

JS基础(一)

01-JS中的变量和输入输出 一.[使用JS的三种方式] 1.在html标签中直接内嵌js.(不提倡使用,不符合w3c关于内容与行为分离的要求) 2.在html页面中使用<script></script>包裹js代码.(Script标签可以放到页面的任何位置) <script type="text/javascript"> js代码 </script> 3.引入外部的js文件,使用script标签 <script type=&quo

js基础知识点收集

js基础知识点收集 js常用基本类型 function show(x) { console.log(typeof(x)); // undefined console.log(typeof(10)); // number console.log(typeof('abc')); // string console.log(typeof(true)); // boolean console.log(typeof([])); // object console.log(typeof(function (