JavaScript基础20——element对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>element对象</title> <script type="text/javascript"> // element对象 /* 获取属性:getAttribute(name) 设置属性:setAttribute(name, value) 删除属性:removeA…

Element对象对应网页的HTML标签元素.每一个HTML标签元素,在DOM树上都会转化成一个Element节点对象(以下简称元素节点).元素节点的nodeType属性都是1,但是不同HTML标签生成的元素节点是不一样的.JavaScript内部使用不同的构造函数,生成不同的Element节点,比如a标签的节点对象由HTMLAnchorElement()构造函数生成,button标签的节点对象由HTMLButtonElement()构造函数生成.因此,元素节点不是一种对象,而是一组对象. 属性…

JavaScript基础10——node对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>node对象</title> <script type="text/javascript"> /* Node对象的属性 nodeName 节点名称 nodeType 节点类型 nodeValue 节点值父节点 ul是li的父节点 parentNode 子节点 li…

JavaScript基础知识----document对象

对象属性document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlink…

JavaScript基础知识（对象、函数与对象）

17.对象属性:描述对象的信息方法:描述对象的行为封装:只关心输入和输出(不管过程如何实现) ü 对象的分类: 内置对象(原生对象): 就是JavaScript语言预定义的对象(如String/Number). 宿主对象: 一般由浏览器环境提供实现,主要分为 BOM 和 DOM. 自定义对象: 就是由开发人员自主创建的对象. ü 对象的创建: Ø 初始化器方式 var 对象名 = { 属性名 : 属性值 , 方法名 : function( ){方法体} …

JavaScript -基础- 函数与对象（二）String

一.判断数据类型typeof与判断对象类型instanceof 1.typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hello" var i=8; alert(typeof(s)) //输出string alert(typeof(i)) //输出number var s2=new String("hello2")…

JavaScript -基础- 函数与对象

一.JavaScript三对象 1.分类方式一 1)ECMAScript JavaScript的ECMA规范 JS本身的对象 2)Dom 操作HTML相关 3)BOM游览器对象游览器窗口对象,全局的对象,直接应用操作浏览器的对象 2.分类方式二二.ECMA对象 var s="hello" var s2=new String("hello") 三.function对象 1.function创建方式一此方式为推荐方式 function func1(){ aler…

JavaScript基础之原型对象和原型链

原型对象原型对象简单来说就是函数的原型所指向的对象.前面说原型的时候,说了Object.prototype所指对象就是Object(函数)的原型对象.在每个函数的原型对象中,默认会有constructor属性,用于指向函数本身. 在最开始的时候,原型对象的constructor设计主要是为了获取对象的构造函数.后来发现constructor属性易变,不可信.推荐使用instanceof. 原型对象有什么作用,主要实现对象的继承. 例如我们常用的对象.数组.函数都是得益于原型. 当我们使用变量直…

Javascript基础--类与对象(五)

js面向(基于)对象编程1.澄清概念 1.1 js中基于对象 == js 面向对象 1.2 js中没有类class,但是它取了一个新的名字,交原型对象,因此类 = 原型对象. 2.为什么需要对象? //这里是一个Cat类 function Cat(){ } Cat(); //函数 function Cat(){}2 var cat1 =new Cat(); //类 3 //这时cat1就是一个对象(实例) 4 cat1.name = "小白"; 5 cat1.age =3; 6 ca…

javascript基础之数组对象

一.定义数组的方法: 定义了一个空数组: var myArray =new Array(); 指定有n个空元素的数组: var myArray=new Array(n); 定义数组并赋值: var myArray =[1,2,3]; 数组元素的使用: 数组名[下标]=值; 二.数组属性:length用法数组对象.length; //返回数组长度三.数组方法: concat();连接两个或更多的数组,并返回结果. var myArray=[1,2]; document.write(myArra…

JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点

Date对象创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字符串 var date_obj2 = new Date("2019/01/21 15:14"); var date_obj3 = new Date("2019 01 21 15:14"); alert(date_obj2.toLocaleString()); alert…

JavaScript -基础- 函数与对象（四) BOM 对象

一.BOM对象 BOM游览器对象模型,可以与游览器对话 BOM下Window对象最重要,还有history.location对象二.Window对象方法 1.alert提示框 2.confirm confirm("hello") 用处: 文件是对否保存下载是否取消 var ret=confirm(“内容是否保存!”) alert(ret) //返回值是Ture.False if (ret){ }else{ } 3.prompt输入框 var ret=prompr("h…

JavaScript -基础- 函数与对象（三）正则、Match对象

一.正则对象 1.创建方法 1)方式一 var re_obj=new RegExp("\d+","g") 规则+模式(g 全局模式/i 不区分大小写/gi) re_obj.test("asacdscsd124234") //test方法只有两个返回值True.False 2)方式二 var re_obj2=/\d+/g; re_obj2.test("asacdscsd124234"); 二.Match对象…

JavaScript -基础- 函数与对象（三）Date对象

一.Date对象 1.创建方法 var date_obj=new Date(); alert(date_obj.toLocaleString()) var date_obj=new Date("2017/4/16 13:27:11"); var date_obj=new Date("2017 4 16 13:27:11"); var date_obj=new Date("2017,4,16 13:27:11"); var date_obj=new…

JavaScript -基础- 函数与对象（三）数组对象

一.数组对象 1.创建方式 1)创建方式一 var arr=[1,2,3]; 2)创建方式二 var arr2=new Array(1,2,3); 注意: 数组中可以存储任何数据类型.方法类型(Java则必须相同): 如果采用初始化对象方式创建数组,如果里面只有一个值而且是个数字,那么数字表示的是数组长度,而不是内容: 数组是可变长的 var arr4=new Array(3); //表示定义了占了三个位置的数组 2.二维数组 var arr2=new Array(5,"hello"…

Javascript基础--函数(Function对象)

1.函数是一段可执行的代码,函数可多次调用,模块化管理. 2.使用function语句,function funName([arg1][,arg2]....[,argn]){代码块}.所有版本可用,一次编译多次使用. 3.使用Function()构造函数funName=new Function(arg1,...argN){代码块}.指定1.1以上版本可用,每次使用时编译. 4.直接量 funName=function(arg1,...argN){代码块}.所有版本可用,一次编译多次使用. 5.函…

JavaScript基础06——Math对象和日期对象

内置对象-Math: Math对象用于执行数学任务,Math 不像 Date 和 String 那样是对象的类,因此没有构造函数Math().无需创建,直接把Math当成对象使用,就可以调用其所有的方法和属性. Math对象的静态属性: Math.E:常数e. Math.LN2:2 的自然对数. Math.LN10:10 的自然对数. Math.LOG2E:以 2 为底的e的对数. Math.LOG10E:以 10 为底的e的对数. Math.PI:常数π. Math.SQRT1_2:0.5…

二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象控制HTML元素

1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图:…

JavaScript 基础回顾——对象

JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象在JavaScript中,对象被定义为无序属性的集合,属性可以是任何类型的值,包括其他对象或函数.函数作为属性值时称为“方法”,即对象的行为. (1)对象常用的内部属性对象的内部属性是由JavaScript 规范定义的,由运行代码的系统来访问.对象常用的内部属性: prototype 对象获…

JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)

String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘字符串’,startIndex)方法:获取指定字符串第一次出现的位置.startIndex表示从第几个开始搜索. split(‘分隔符’,limit);//根据分隔符将一个字符串返回为一个数组.limit表示要返回的数组的最大长度(可自定义).多个分隔符使用正则表达式:var msg = 'a★b★…

JavaScript基础：BOM的常见内置方法和内置对象

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 什么是BOM BOM…

JavaScript -- 时光流逝（十二）：DOM -- Element 对象

JavaScript -- 知识点回顾篇(十二):DOM -- Element 对象 (1) element.accessKey: 设置或返回accesskey一个元素,使用 Alt + 指定快捷键为元素赋予焦点 <!doctype html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function my_…

JavaScript基础函数和词法分析以及常用的内置对象和使用方法（4）

day52 参考:https://www.cnblogs.com/liwenzhou/p/8004649.html 函数函数定义 JavaScript中的函数和Python中的非常类似,只是定义方式有点区别. function foo(a, b) { console.log("a:", a) console.log("b:", b) return a+b; }; //匿名函数 var func = function (a, b){ console.log(&quo…

DOM基础知识（Node对象、Element对象）

5.Node对象 u 遍历节点 u 父节点 .parentNode - 获取父节点—> 元素节点或文档节点 .parentElement - 获取父元素节点—> 元素节点 u 子节点 .childNodes – 获取所有子节点: .firstChild – 获取第一个子节点: .lastChild – 获取最后一个子节点 u 兄弟节点 .previousSibling - 上一个兄弟节点: .nextSibling - 下一个兄弟节点 L 空白节点问题: 概念:空白…

前端之JavaScript基础

前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本…

javascript基础部分

javascript基础部分 1 数据类型: 基础数据类型(通过typeof来检测):Number,string,undefined,null,boolean,function typeof只能检测:number,string,boolean,undefined,function,object,无法识别:null,regExparagument等细分对象类型: 对象数据类型(以基础数据类型为基本,通过instanceof来检测):isstring,isfunction,isarray,isNo…

第三篇：web之前端之JavaScript基础

前端之JavaScript基础前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中…

JavaScript基础知识（一）

一.JavaScript基础 1.JavaScript用法: HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. HTML引入外部js文件方法示例: <!DOCTYPE html> <html> <body> <script src="myScript.js"></script&g…

JavaScript 基础学习1-day14

JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator…

Javaweb学习笔记——（三）——————JavaScript基础&DOM基础

day031.js的String对象 **创建String对象 ***var str = "abc"; **方法和属性(文档) ***属性 lenth:字符串的长度 ***方法 (1)与html相关法方法 -hold():设置字符加粗 -fontcolor():设置字符串的颜色 -fontsize():设置字体的大小 -link():讲字符串显示成超链接 **** str4.link("www.baidu.com") -sub():下标 sup():上标 (2)与…