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

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

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

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

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

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

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前端基础(7):JavaScript(一)

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

Web前端基础——jQuery（二）

一.jQuery 中的常用函数 1) $.map(Array,fn); 对数组中的每个元素,都用fn进行处理,fn将处理后的结果返回,最后得到一个数组 //因为这些操作,没有与dom元素相关的,所以可以不用写在 $(function(){...}); 中 var arr=[1,3,5,7,9]; arr=$.map(arr,function(item){ return item*10; }); alert(arr); [10,30,50,70,90]; //上例是将数组中的每个元素乘10,然后返…

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的数据结构如下: 上图可知,…

Web前端基础(5):CSS(二)

1. 盒模型在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子.我们称为这种盒子叫盒模型. 盒模型有两种:标准模型和IE模型.我们在这里重点讲标准模型. 1.1 盒模型示意图 1.2 盒模型的属性 width:内容的宽度 height: 内容的高度 padding:内边距,边框到内容的距离,padding的区域是有背景颜色的.并且背景颜色和内容的颜色一样.也就是说background-color这个属性将填充所有的borde…

web前端基础知识-（二）CSS基本操作

1. 概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style = 'key1:value1;key2:value2;' 行内式: 在标签中使用 style='xx:xxx;'单独加在某个标签上,style增加其他属性需要以分号分隔: <div style="background-color:darkgrey;height: 100px;width:10…