Web前端基础(9):JavaScript(三)

【Web前端基础(9):JavaScript(三)】的更多相关文章

Web前端基础(9):JavaScript(三)

1. 常用内置对象所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法. 1.1 数组Array 1.1.1 数组的创建方式字面量方式创建(推荐大家使用这种方式). var colors = ['red','color','yellow']; 使用构造函数(后面会讲)的方式创建,使用new关键词对构造函数进行创建对象. var colors2 = new Array(); 1.1.2 数组的赋值 var arr = []; //通过下标进行一一赋值 ar…

进击的Python【第十四章】：Web前端基础之Javascript

进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. 1.javascript的表现形式  <script type"text/javascript" src="JS文件"></scri…

web前端基础知识-（三）JavaScript基本操作

JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. JavaScript 很容易学习. 一.如何编写? 1.JavaScript代码存在形式  <script type="text/javascript" src="JS文件"></script> <!-- 方式二 --&g…

Web前端基础(13):JavaScript(七)

1. BOM JavaScript基础分为三部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 1.1 BOM的介绍 BOM:Browser Object Model,浏览器对象模型. BOM的结构图: 从上图也可以看出: window对象是BOM的顶层(核心)对象,所有对…

Web前端基础(10):JavaScript(四)

1. 伪数组arguments arguments代表的是实参.有个讲究的地方是:arguments只在函数中使用. 1.1 返回参数个数返回函数实参的个数:arguments.length 例子: fn(2,4); fn(2,4,6); fn(2,4,6,8); function fn(a,b,c) { console.log(arguments); console.log(fn.length); //获取形参的个数 console.log(arguments.length); //获取实参…

Web前端基础(8):JavaScript(二)

1. 数据类型转换 1.1 将数值类型转换成字符串类型 1.1.1 隐式转换在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算. 这种无需程序员手动转换,而由编译器自动转换的方式就称为隐式转换. 例如1 > "0"这行代码在js中并不会报错,编译器在运算符时会先把右边的"0"转成数字0`然后在比较大小. var n1 = 123; var n2 = '123';…

Web前端基础(7):JavaScript(一)

1. JavaScript概述 1.1 JavaScript历史背景介绍布兰登 • 艾奇(Brendan Eich,1961年-),1995年在网景公司,发明的JavaScript. 一开始JavaScript叫做LiveScript,但是由于当时Java这个语言特别火,所以为了傍大牌,就改名为JavaScript.如同“北大”和“北大青鸟”的关系.“北大青鸟”就是傍“北大”大牌. 同时期还有其他的网页语言,比如VBScript.JScript等等,但是后来都被JavaScript打败了,所以…

Web前端基础——jQuery（三）

本文主要从以下几方面介绍jQuery应用中的内容: 1 jQuery 节点遍历2 jQuery 中的过滤器3 jQuery 属性操作4 jQuery Dom节点操作5 几个jQuery例子6 jQuery 中的事件7 jQuery 中的动态效果一. jQuery 节点遍历 == next() //用于获取节点之后的第一个同辈元素注意,next() 中可以加过滤器例如 next("div") == nextAll() //获取节点之后的所有同辈元素(注意: 是节点之后,这一点…

web前端基础——初识JavaScript

1 JavaScript概述 JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. (1)存在形式第1种:JavaScript语句直接嵌入HTML中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q…

Web前端基础(11):JavaScript(五)

1. 初识DOM 1.1 DOM介绍 1.1.3 什么是DOM DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定的一个规范. DOM就是由节点组成的. 1.1.2 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点.然后操作的时候修改的是该元素的属性. 1.1.3 DOM树(一切都是节点) DOM的数据结构如下: 上图可知,…