文章分类 -  前端web

摘要:# 制作信息登记表# 样式需求分析: 一、 通过最外层的大盒子对页面进行整体控制,设置宽高、背景图片及相对定位。 二、 通过标记对表单进行整体控制,对其设置宽高、边距、边框样式及绝对定位。 三、 通过 标记控制标题的文本样式,对其设置对齐、外边距样式。 四、 通过 标记控制每一行的学员信息模块,对其 阅读全文
posted @ 2022-02-13 12:52 黑马金牌编程 阅读(1127) 评论(0) 推荐(0)
摘要:** 表单的应用 ** 作用:收集用户信息,并将信息发送给服务器。 一、创建表但基本格式如下: 例子: 主要代码: 效果: 二、表单属性: 设置表单属性可以实现提交方式、自动完成、表单验证等不同功能。 下面将对from标记相关属性进行讲解: 1. action属性: 用于指定接受并处理表单数据的服务 阅读全文
posted @ 2022-02-13 12:52 黑马金牌编程 阅读(436) 评论(0) 推荐(0)
摘要:1.数据类型简介 1.2变量的数据类型 JS的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的我们不确定属于哪种数据类型的 代码示例: <script> //int num = 10; Java //var num; 这里的num我们不确定属于哪种数据类型的 var num = 10; 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(198) 评论(0) 推荐(0)
摘要:1.初识JavaScript 1.4浏览器执行JS简介 浏览器分成两部分: 渲染引擎和JS引擎 渲染引擎:用来解析HTML与CSS,俗称内核。比如chrome浏览器的blink,老版本的webkit JS引擎:也称为JS解释器,用来读取网页中的JavaScript代码,对其处理后运行,比如chrom 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(19) 评论(0) 推荐(0)
摘要:递增和递减运算符 3.1前置递增和递减运算符概述 <script> //1.想要一个变量自己加1 num = num +1 比较麻烦 var num = 1; num = num + 1; //++num console.log(num); //2 //2.前置递增运算符 ++ 写在变量的前面 va 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(204) 评论(0) 推荐(0)
摘要:数据类型转换 4.1什么是数据类型转换 使用表单、prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算, 而需要转换变量的是数据类型。通俗来说,就是 把一种数据类型的变量转换成另一种数据类型。 我们通常会实现3中方式的转换: 转换为字符串类型 转换为数字型 转换为布尔型 4 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(222) 评论(0) 推荐(0)
摘要:获取变量数据类型 3.1获取检测变量的数据类型 typeof可用来获取检测变量的数据类型 <script> var num = 10; console.log(typeof num); //number var str = 'pink'; console.log(typeof str); //str 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(33) 评论(0) 推荐(0)
摘要:字符串型String 1.字符串引号嵌套 JS可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,外单内双) 2.字符串转义符 类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。 转义符都是\开头的, 常用的转义符及其说明如下: 代码案例: <script> //'pink' 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(93) 评论(0) 推荐(0)
摘要:5.arguments的使用 当我们不确定有多少个参数传递的时候,可以用arguments来获取。在JavaScript中, arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象, arguments对象中存储了传递的所有实参。 arguments展示形式是 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(48) 评论(0) 推荐(0)
摘要:4.1数组的长度 使用“数组名.length”可以访问数组元素的数量(数组长度)——无需加[] <script> //数组的长度 数组名.length var arr = ['gyq1','gyq2','gyq3','gyq4','gyq5',] for(var i=0;i<arr.length;i 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(130) 评论(0) 推荐(0)
摘要:new关键字执行过程 1.new构造函数可以在内存中创建了一个空的对象 2 this就会指向刚才创建的空对象 3.执行构造函数里面的代码给这个空对象添加属性和方法 4.返回这个对象 <script> //new关键字执行过程 function Star(uname,age,sex){ this.na 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(70) 评论(0) 推荐(0)
摘要:6.1 continue关键字 continue关键字用于立即跳出本次循环,继续下一次循环 (本次循环体中continue之后的代码就会少执行一次)。 <script> // for(var i =1; i<=5;i++){ // if(i==3){ // continue; //只要遇见 cont 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(170) 评论(0) 推荐(0)
摘要:1.作用域 1.1作用域概述 通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。 2.变量的作用域 2.1全局变量变量 在函数内部,如果没有声明,直接赋值的变量是 全 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(32) 评论(0) 推荐(0)
摘要:5分之流程控制switch语句 5.1语法结构 switch语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置-系列的特定值 的选项时,就可以使用switch. 查询水果案例: 用户在弹出框里面输入-个水果,如果有就弹出该水果的价格,如果没有该水果就弹出“没有此水果”。 案例 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(104) 评论(0) 推荐(0)
摘要:1.数组的概念 问:之前学习的变量,只能存储一个值。 如果我们想存储班级中所有学生的姓名,那么该如何存储呢? 答:可以使用数组(Array)。数组可以把-组相关的数据一起存放 ,并提供方便的访问(获取)方式。 问:什么是数组呢? 答:数组是指一组数据的集合 ,其中的每个数据被称作元素,在数组中可以存 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(126) 评论(0) 推荐(0)
摘要:3.函数的参数 3.1形参和实餐 在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时同样也需要传递相应的参数,这些参数被称为实参。 参数的作用:在函数内部某些值不能固定, 我们可以通过参数在调用函数时传递不同的值进去。 <script> function g 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(114) 评论(0) 推荐(0)
摘要:js排他思想以及相关案例 首先先排除其他人,然后才设置自己的样式 这种排除其他人的思想我们称为排他思想 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(158) 评论(0) 推荐(0)
摘要:节点操作 5.1获取节点操作 5.2节点概述 网页中的所有内容都是节点(标签、属性、文本、注释等) , 在DOM中,节点使用node来表示。 HTML DOM树中的所有节点均可通过JavaScript进行访问,所有HTML元素(节点)均可被修改,也可以创建或删除。 一般地,节点至少拥有nodeTyp 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(208) 评论(0) 推荐(0)
摘要:1.web APls 和 JS基础关联性 1.1JS的组成 1.2JS基础阶段以及web Apls阶段 JS基础阶段 我们学习的是ECMAScript标准规定的基本语法要求同学们掌握JS基础语法只学习基本语法,做不了常用的网页交互效果目的是为了JS后面的课程打基础、做铺垫 web APls阶段 we 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(56) 评论(0) 推荐(0)
摘要:实践基础 时间概念 JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为。 简单理解:触发 响应机制。 网页中的每个元素都可以产生某些可以触发JavaScript的事件,例如,我们可以在用户点击某按钮时产生-个 事件,然后去执行某些操作。 <body> <bu 阅读全文
posted @ 2022-02-13 12:50 黑马金牌编程 阅读(45) 评论(0) 推荐(0)