web前端学习
xuekatie
这个作者很懒,什么都没留下…
展开
-
css3简介
css(cascading style sheet,层叠式样式表)是用来给html标签添加样式的语言css3是css的最新版本,增加了大量的样式,动画,3D特效和移动端特性等前端三层结构层HTML搭建结构,放置部件,描述语义样式层CSS美化页面,实现布局行为层JavaScript实现交互效果,数据收发,表单验证等css使样式和结构分离1.html负责结构,css负责样式html和css怎么结合呢?1.“选择器”就是两者..原创 2022-01-13 16:21:21 · 586 阅读 · 0 评论 -
网页图片image
| 格式 |说明 ||.bmp|位图||.gif | 动图 ||.jpg|有损压缩图片,静图 ||-.png-|-便携式网络图像,用于logo,北京图形等,支持透明和半透明-|| .svg |矢量图片|.webp|最新的压缩算法非常优秀的图片格式 |图片的绝对路径:描述图片精准地址(比如:北京市海淀区西三环北路甲2号院中关村国防科技园2号楼)绝对路径是以https开头不管网页在哪,绝对路径不会改变相对路径:描述图片的相对地址(比如:在左前方100米等)...原创 2021-12-12 14:28:45 · 376 阅读 · 1 评论 -
JavaScript 3.4数据类型
ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object, Object本质上是由一组无序的名值对组成的.3.4.1 (typeof) 操作符,来检测给定变量的数据类型var age = 18; // number age1 = '18'; // string age2 = true; // boolean age5 = null; // object .原创 2021-03-23 17:01:30 · 65 阅读 · 0 评论 -
JavaScript 3.3变量
(ECMAScript的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据)//定义变量时要使用var操作符(注意var是一个关键字),后跟变量名(即一个标识符)// var message;// 用var操作符定义的变量将成为定义该变量的作用域中的局部变量。// 如果在函数中使用var定义一个变量,那么这个变量在函数退出后就会被销毁function test() { var carName = 'aa'; console.log(carName); .原创 2021-03-23 16:48:20 · 54 阅读 · 0 评论 -
JavaScript3.2 关键字和保留字
3.2 关键字和保留字// JavaScript引擎中使用关键字作标识符,会导致“Identifier Expected”(需要标识符)错误。//而使用保留字作标识符可能会也可能不会导致相同的错误,具体取决于特定的引擎。 var true = true; //报错 var boolean = 12; // 12 // 没报错,这取决于特定的引擎; var if; // 报错 var for; // 报错 var function; // 报错 var this, with.原创 2021-03-22 19:25:55 · 88 阅读 · 0 评论 -
JavaScript语法
3.1.1 区分大小写 var test = 123; //123 var Test = 1234; // 1234 大写Test和小写test是两个不同的变量3.1.2 标识符/* 1.第一个字符必须是一个字母、下划线(_)或一个美元符号($),但不能是数字; 2.其他字符可以是字母、下划线、美元符号或数字。 */var _123 = 123; // 123 // 第一个字符可以是下化线; var t$34 = true; /.原创 2021-03-22 19:23:03 · 49 阅读 · 0 评论 -
JavaScript中判断条件之布尔值
true–真, false–假<style> #box { width: 200px; height: 200px; background-color: red; } </style></head><body> <button id="btn">点击</button> <div id="box"></div> <script&g.原创 2021-03-18 10:54:34 · 2287 阅读 · 0 评论 -
JavaScript中常见属性
常用属性:id,className,value,style(background,color,width,height,cssText),innerHTml,href,src,tagName1.href值和src值获取到的是绝对路径2.style是行间属性(cssText会替换掉当前所有的行间属性)3. class是关键字,的改成className来获取4. tagname获取到的是大写字母 <!--className属性 --> <div id="box" class.原创 2021-03-18 10:48:41 · 676 阅读 · 0 评论 -
JavaScript中函数调用
函数调用<style> #box { width: 100px; height: 100px; background: red; } </style><body> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button> <div id="box"></div&g.原创 2021-03-17 09:41:00 · 59 阅读 · 0 评论 -
JavaScript中绑定点击事件及修改属性
绑定点击事件及修改属性 document.getElementById('btn').onclick = function () { document.getElementById('btn').style.background = 'red'; } onclick - 点击 function() {点击后要做的事情} - 函数 修改元素的样式 style 样式 .原创 2021-03-17 09:38:30 · 2586 阅读 · 0 评论 -
JavaScript中获取元素的两种方法
第一种方法,通过Id来获取<body> <button class='box' id='btn'>按钮</button> <script> var btn = document.getElementById('btn') // 获取元素通过id console.log(btn) /* document.getElementById() - 通过 id 进行获取 - 如果获.原创 2021-03-16 12:10:27 · 329 阅读 · 0 评论 -
JavaScript for循环与数组的碰撞 (冒泡排序和插入排序)
冒泡排序第一位数和第二位数相比较,如果第一位数大于第二位数,则第一位数冒出来,冒到第二位的位置,从而进行一个从小到大的排序。var temp ;for(var i = 0; i <= arr.length; i++) { // 双重 for 循环保证了每一个数据之间都进行了比较,依次冒泡; for(var j = 0; j <= arr.length; j++) { if(arr[j] > arr[j+1]) { temp = arr[j]; .原创 2021-03-14 22:40:56 · 139 阅读 · 0 评论 -
JavaScript for循环试题训练
1. 求和: 1-1000内所有奇数和偶数分别的和var oddSum = 0, evenSum = 0;for (var i = 1; i <= 1000; i++) { if (i % 2 === 0) { // 偶数总和 evenSum += i; } else { //奇数总和 oddSum += i; }}console.log('1-1000内奇数总和为' + evenSum + '偶数总和为' + oddSum)2. 筛选:筛选出所有跟七有.原创 2021-03-13 19:45:33 · 699 阅读 · 0 评论 -
JavaScript 关于for循环的学习
求奇偶数for (var i = 1; i <= 200; i++) { console.log((i % 2 === 0 ? '偶数' : '奇数') + i)}求偶数个数var sum = 0;for (var i = 1; i <= 10; i++) { if (i % 2 === 0) { sum = sum + 1; // sum++ }}console.log(sum + '个偶数');求10以内所有奇数相加var sum = 0.原创 2021-03-11 22:43:35 · 119 阅读 · 0 评论 -
web前端学习
HTML 语言它是一个超文本标记语言原创 2020-10-17 12:10:11 · 48 阅读 · 0 评论