文章分类 -  前端web

摘要:** 表单的应用 ** 作用:收集用户信息,并将信息发送给服务器。 一、创建表但基本格式如下: 例子: 主要代码: 效果: 二、表单属性: 设置表单属性可以实现提交方式、自动完成、表单验证等不同功能。 下面将对from标记相关属性进行讲解: 1. action属性: 用于指定接受并处理表单数据的服务 阅读全文
posted @ 2022-02-13 12:52 黑马金牌编程 阅读(458) 评论(0) 推荐(0)
摘要:# 制作信息登记表# 样式需求分析: 一、 通过最外层的大盒子对页面进行整体控制,设置宽高、背景图片及相对定位。 二、 通过标记对表单进行整体控制,对其设置宽高、边距、边框样式及绝对定位。 三、 通过 标记控制标题的文本样式,对其设置对齐、外边距样式。 四、 通过 标记控制每一行的学员信息模块,对其 阅读全文
posted @ 2022-02-13 12:52 黑马金牌编程 阅读(1150) 评论(0) 推荐(0)
摘要:变量 1.变量在内存中的存储 本质:是程序在内存中申请的一块用来存放数据的空间 1.1.变量的使用 变量在使用分为两步:1.声明变量 2.赋值 代码案例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta htt 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(82) 评论(0) 推荐(0)
摘要:布尔型Boolen 2.6Undefind和Null 一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时,注意结果) "> 一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null) 代码案例: <script> var flag=true; //f 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(78) 评论(0) 推荐(0)
摘要:1.运算符 运算符(operator)也称为操作符,是用于实现赋值、比较和执行算术运算符等功能的符号。 JavaScrip中常用的运算符有: 算术运算符递增和递减运算符比较运算符逻辑运算符赋值运算符 2.算术运算符 2.1算术运算符概述 概念:算术运算使用的符号,用于执行两个变量或值的算术运算。 2 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(126) 评论(0) 推荐(0)
摘要:.比较运算符 4.1比较运算符概述 概念:比较运算符(关系运算符)是两个数据进行比较时所用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算的结果。 注意:全等运算符要求 两侧的值 和 数据类型完全一致才可以true .逻辑运算符 5.4短路运算(逻辑中断) 短路运算的原理: 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(84) 评论(0) 推荐(0)
摘要:计算年龄案列: 此案例要求在页面弹出一个输入框,我们输入出生年份后,能计算出我们的年龄。 代码案例: <script> var year = prompt('请您输入您的出生年份'); var age = 2021 - year; //year取过来的是字符型 但是这里用的减法 有隐式转换 aler 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(182) 评论(0) 推荐(0)
摘要:字面量 字面量是在源码中一个固定值的表示方法,通俗来说,就是字面量表示如何表达这个值。 数字字面量:8,9,10 * 字符串面量:‘黑马程序员’,“大前端” * 布尔字面量:true,false <script> console.log(18); console.log('18'); console 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(64) 评论(0) 推荐(0)
摘要:js遍历对象 <script> //遍历对象 var obj = { name: 'pink老师', age: 18, sex: '男' } for(var k in obj){ console.log(k); //k 变量 输出 得到的是 属性名 console.log(obj[k]); //ob 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(73) 评论(0) 推荐(0)
摘要:1.对象 1.1什么是对象: 在JavaScript中,对象是一组无序的相关属性和方法的集合 ,所有的事物都是对象,例如字符串、数值、数组、函数等. 对象是由属性和方法组成的 属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词-功能) 2.创建对象的三 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(431) 评论(0) 推荐(0)
摘要:6.利用函数翻转任意数组案例 <script> function reverse(arr){ var newArr = []; for(var i=arr.length-1;i>=0;i--){ newArr[newArr.length]=arr[i]; } return newArr; } var 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(91) 评论(0) 推荐(0)
摘要:C++视频手把手带你进阶 最近收到很多学习者的私信 问有没有C++进阶视频,这里给大家免费分享一下: 关注微信公众号: 黑马金牌编程, 回复:c++进阶视频 注意:别打错关键字了 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(40) 评论(0) 推荐(0)
摘要:5.数组中新增元素 可以通过修length长度以及索引号增加数组元素 5.1通过修改length长度新增数组元素 可以通过修改length长度来实现数组扩容的目的 length属性是读写的 <script> //1.新增数组元素 修改len var arr = ['red','green','blu 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(71) 评论(0) 推荐(0)
摘要:变量属性函数方法区别 1.变量和属性的相同的 他们都是用来存储数据的 变量 单独声明并赋值 使用的时候直接写变量名 单独存在属性 在对象里面的不需要声明的 使用的时候必须是 对象.属性 <script> var num = 10; var obj ={ age: 18, fn: function() 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(59) 评论(0) 推荐(0)
摘要:1.函数的概念 在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。 虽然for循环语句也能实现一些简单的重复操作 ,但是比较具有局限性,此时我们就可以使用JS中的函数。 2.1声明函数 (1) function 声明函数的关键字全部小写 (2) 函数是做某件事情 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(109) 评论(0) 推荐(0)
摘要:1.流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。 很多时候我们要通过控制代码 的执行顺序来实现我们要完成的功能。 简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表3三种代码执行 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(80) 评论(0) 推荐(0)
摘要:DOM事件流 事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。 比如我们给一个div 注册了点击事件: 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程层即DOM事件流 注意: 4.事件对象 1.event 就是一个事件对象写 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(82) 评论(0) 推荐(0)
摘要:自定义属性的操作 1.获取属性值 element.属性 获取属性值element.getAttribute(‘属性’); <body> <div id="demo" index="1"></div> <script> var div = document.querySelector('div'); 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(585) 评论(0) 推荐(0)
摘要:DOM重点核心 文档对象模型( Document ObjectModel ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言 ( HTML或者XML )的标准编程接口。 W3C已经定义了-系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。 1.对于JavaScript ,为了 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(40) 评论(0) 推荐(0)
摘要:案例: 循环精灵图背景 可以利用for循环设置一组元素的精灵图 案例分析: <script> //1.获取元素 所有的小li var lis = document.querySelectorAll('li'); for(var i=0;i<lis.length;i++) { //让索引号 乘以44就 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(46) 评论(0) 推荐(0)