美文网首页
3.JavaScript学习笔记

3.JavaScript学习笔记

作者: Vincilovfang | 来源:发表于2018-01-09 23:35 被阅读0次

JavaScript


概述:

是什么

JavaScript是网络的一种脚本语言,所谓的脚本语言:不能独立运行,必须嵌入到其他语言中执行,JavaScript是被浏览器解析执行的,不需要编译。

干什么

1.验证表单 2.修改css样式  3.修改页面的HTML元素   4.对事件作出响应

js组成

1.EcmaScript: js语法,js基本对象

2.Bom:browser object model (浏览器对象模型:控制浏览器的窗口,地址栏,前进,后退)

3.DOM:document object model (文档对象模型:HTML文档)

怎么使用JavaScript

1. 在本页面使用,通过内嵌入的方法编写2.通过src引入

二、JavaScript语法规则(ECMAscript)

JavaScript语法规则——基本数据类型

String  Boolean Number     Null   Undefined

JavaScript区别于java,是弱类型语言,变量的使用不用严格遵循规范,所以一个变量声明好之后,是可以赋予任意类型的值。

判断变量属于哪种基本类型可以用

typeof运算符alert(typeof s); typeof函数  alert(typeof(s));

JavaScript语法规则——引用数据类型

引用类型通常叫做类(class),但在JavaScript中,因为不存在编译过程,所以没有类的概念,所处理的引用类型都是对象。

var str = new String();

JavaScript语法规则——正则对象

直接量方式:/^正则表达式$/。

var reg = /^\s*$/;reg.test(“aabc”); //false;

这是一个正则对象,不是一个字符串,使用这种对象的test(string)方法,返回值为true表示符合规则,使用直接量方式验证的时候只要有一个字符不符合正则规则,test(string)方法就返回false,适用于表单校验。

var reg = /^正则$/; //全部匹配才返回true ,适用于表单验证

var reg = /正则/ ;  //只有有一个字符符合规则就返回true , 适合字符串查找和替换

JavaScript语法规则——数组对象

var arr = [];

长度可变,可存储任意类型的数据。

方法:

arr.lenth获取长度 arr.pop删除最后面的元素并返回 arr.push在后面添加元素

arr.join 返回一个字符串 arr.reverse将数组元素反转

JavaScript语法规则——全局函数

全局属性和函数可用于所有内建的JavaScript对象。

常用的全局函数:

1. eval()函数可计算某个字符串,并执行其中的的 JavaScript 代码。

2. decodeURI()函数可对 encodeURI() 函数编码过的 URI 进行解码。

3. parseInt()函数可解析一个字符串,并返回一个整数。

4. isNaN()来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。

JavaScript语法规则——自定义函数

function函数名(var1,var2,...,varX)

{

代码...

}

var1, var2等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。注意:无参数的函数必须在其函数名后加括号。

①JavaScript属于弱类型语言,变量申明都是使用var关键字,所以返回值类型和参数类型不需要var。如果使用var,那么执行的时候还会出错,这是语法规定。如果需要返回结果,直接使用return关键字返回就行了。②对于同名的函数,不存在重载,只有覆盖,保留最后一个函数。③调用一个函数,只看函数名,不考虑参数的数量,即使函数2个参数,但你调用该函数时没有传参数那也没关系。

JavaScript语法规则——自定义对象

var obj = {}; //obj也是一个对象     

obj.name = "jack";

obj.age = 20;

alert(obj.name + "..." + obj.age);

var arr = [];创建数组 var obj = {};创建对象

三、BOM(browser object model)

浏览器对象模型。用来和浏览器打交道的,并且可以获取浏览器的相关信息。

Window对象

Window对象表示浏览器中打开的窗口。Window 对象是全局对象,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。

常用方法:

alert(message)方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

confirm(message)方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

setInterval(code,millisec[,"lang"]) 可按照指定的周期(以毫秒计)来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

Location对象

Location对象包含有关当前 URL 的信息。表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。

location.href=URL

Location对象的 reload() 方法可以重新装载当前文档,replace() 可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。

History对象

history.go(number|URL) 可加载历史列表中的某个具体的页面。

[if !supportLists]四、[endif]DOM(document object model)

整个html文档被加载到内存中会形成一棵DOM树,产生一个DOM对象叫document。每个标签、文本、属性都会被封装成DOM树的节点对象,细分分别叫元素节点、文本节点、属性节点,但都称为节点。各节点之间的关系有父子节点关系,还有兄弟节点关系。

常用方法

document.getElementById(id) 返回对拥有指定ID的第一个对象的引用

document.getElementsByName(name) 返回带有指定名称的对象的集合。

document.getElementsByTagName(tagname) 返回带有指定标签名的对象的集合。

相关文章

  • 3.JavaScript学习笔记

    JavaScript 概述: 是什么 JavaScript是网络的一种脚本语言,所谓的脚本语言:不能独立运行,必须...

  • 写给后端工程师的前端课程(蛋人网)

    3.JavaScript入门4.jQuery和Ajax学习 3.JavaScript入门两个方面的内容:javas...

  • vue router

    简单的路由原理,基于组件 vue-router学习 1.使用 2.入口 3.JavaScript 动态路由监听$r...

  • 3.JavaScript

    原文链接:https://github.com/helloyoucan/knowledge JavaScript相...

  • HTML5学习笔记-3.JavaScript在HTML中

    在HTML中,JavaScript书写方式 页内JS:在当前网页的script元素中写 JS代码 外部JS

  • 3.JavaScript Date

    此文章用于归纳Date的所有方法 Date类型的数据平时用得少,和其他数据类型相比,相对来说关联性比较小,算是独立...

  • web 3.JavaScript基础

    今日内容 JavaScript:

  • javascript简介

    1.JavaScript是? 2.JavaScript 的特点 3.JavaScript 的组成 4.引入 Jav...

  • day01

    A我今天学了什么 1.JavaScript简介 2.JavaScript组成 3.JavaScript语法 4.数...

  • MARKDOWN学习笔记

    标题 # MARKDOWN学习笔记 MARKDOWN学习笔记 MARKDOWN学习笔记- MARKDOWN学习笔记...

网友评论

      本文标题:3.JavaScript学习笔记

      本文链接:https://www.haomeiwen.com/subject/hzlnnxtx.html