html+css+js
文章平均质量分 71
就爱酸辣土豆丝
这个作者很懒,什么都没留下…
展开
-
通过JSON.parse方法,将json数据转换为javascript对象
json是目前很流行的一种数据格式,类似于javascript的对象的字符串,当前web开发经常用到,json本身调用相对复杂,但是转会为javascript对象之后,可以直接通过对象调用属性,方便很多,可通过JSON.parse()方法进行转换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2020-10-19 07:25:42 · 2343 阅读 · 0 评论 -
jquery的鼠标悬停与移出事件
需求:实现鼠标悬停在div标签时,背景变为蓝色,字体变红变大,鼠标离开后背景变白,字体变小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jquery事件</title&原创 2020-10-18 11:09:47 · 1600 阅读 · 0 评论 -
jqueryt实现鼠标点击事件
常用事件click() 鼠标单击blur() 元素失去焦点focus() 元素获得焦点mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)ready() DOM加载完成jquery添加事件:this指的是当前发生事件的对象,但是它是一个原生js对象$(this) 指的是当前发生事件的jquery对象...原创 2020-10-18 10:41:13 · 625 阅读 · 1 评论 -
jquery和js分别实现更新标签包裹的内容
jquery实现html方法可以获取和设置标签的html内容append方法可以给指定标签追加html内容使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jquery获原创 2020-10-13 07:56:08 · 318 阅读 · 0 评论 -
jquery选择器及选择集过滤
jQuery的选择器只是用来选择HTML页面当中的标签,css选择器是用来选择标签并添加样式,Query选择器的规则和css选择器的规则一致标签选择器类选择器id选择器层级选择器属性选择器jQuery length属性包含jQuery 对象中元素的数目,length属性可以用来判断标签是否被选中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2020-10-12 21:51:08 · 133 阅读 · 0 评论 -
使用jquery获取标签的id属性
jQuery其实本质就是JavaScript ,是对js的封装,极大地简化程序的编写,使代码更少,功能更加完善,兼容了主流浏览器,不用再单独做版本适配,大大增加程序开发效率script当中可以写原生js代码,也可以写jQuery代码,使用jQuery代码需要重新开一个script标签window.onload() 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,包括资源数据加载完成,才会立刻执行某个方法语法window.onload = funcRef;需求获取div标签原创 2020-10-12 07:56:14 · 2299 阅读 · 0 评论 -
JavaScript的定时器引入
定时器就是根据指定的时间延时或者重复执行某一段代码,这段代码是一段函数两种创建方式:setTimeout: 延时调用一次setTimeout(func[, delay, param1, param2, …])setInterval: 以固定的时间间隔,重复调用一个函数或者代码段setInterval(func[, delay, param1, param2, …])func: 延迟执行的函数code: 延迟后执行的代码字符串,不推荐使用,原理类似eval()delay: 延迟的时间(单位:原创 2020-10-11 22:00:17 · 152 阅读 · 0 评论 -
css的显示特性display
display是用来设置元素的类型及隐藏,常用属性有:none 元素隐藏且不占位置inline 元素以行内元素显示,可以和其他标签在同一行显示,把块级标签变为内联标签block 元素以块元素显示,块状显示就是自己独自占一行,把内联标签变为块级标签,不与别人分享如:不添加display<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n原创 2020-10-08 19:01:42 · 184 阅读 · 0 评论 -
常用css布局样式属性
样式属性写一个简单的小例子熟悉一下常用属性,娱乐一下,仅供大家参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>常用属性</title> <style原创 2020-10-08 18:04:36 · 162 阅读 · 0 评论 -
常用css选择器
css选择器选择器介绍标签选择器类选择器层级选择器id选择器组选择器伪类选择器选择器介绍css选择器放在样式表当中,选择器就是用来选择html中的标签,选择出来以后用来给标签添加样式,选择器有如下6种,经常使用的也就类选择和层级选择器标签选择器根据标签来选择标签,以标签开头,会影响html当中所有的标签,一般用来做一些通用设置,如下定义会将所有的li标签颜色定义为绿色 <style> li{ color: chartreuse; } </s原创 2020-10-08 14:31:52 · 131 阅读 · 0 评论 -
css样式引入
csscss介绍css:层叠样式表,用于美化页面,就是给标签增加样式的,样式就是显示出来的方式,多个样式可以重叠,让标签显示变得多样化比如: 设置标签文字大小、颜色、字体加粗,控制页面布局(设置浮动、定位等样式等样式)基本语法:选择器+规则选择器{样式规则}样式规则:属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;…选择器就是用来选择标签的,选出来之后,给标签增加样式,css样式表是由很多个选择器组成如:div{ width:100px; hei原创 2020-10-06 19:29:57 · 95 阅读 · 0 评论 -
非常详细的html form表单详解
表单表单介绍表单用于收集用户输入数据,将用户输入数据提交给web服务器,表单使用http协议提交数据form标签:表单标签,定义表单区域 action属性:设置表单提交的服务器地址method属性:设置表单提交的方式,一般有“GET”和“POST”方式, 不区分大小写label标签:表示表单标签的文字标注,定义文字标注input标签:表示表单标签的用户输入,定义不同类型的用户输入方式type属性: type="text" 定义单行文本输入框 type="password"原创 2020-10-05 17:11:59 · 2603 阅读 · 3 评论 -
html常用标签入门
html介绍HTML :HyperText Mark-up Language, 指的是超文本标记语言,用来开发网页,标记其实就是标签, <标签名称> </标签名称>标签:常用标签有20多个1个html文件用浏览器打开就是1个网页标签一般使用小写有单标签和双标签,如:head,br超文本:网页当中可以存放图片、视频、音频,超链接等内容(超越文本限制)基本结构:<!-- 文档声明:html文档 --><!DOCTYPE html><原创 2020-10-05 12:28:01 · 198 阅读 · 1 评论 -
windows下html编辑器vscode安装
变量说心里话有些许抽象,对刚刚进入职场的小白来说不好理解,本来就来谈谈自己的理解,有不对的地方欢迎大家指正原创 2020-09-18 18:43:19 · 340 阅读 · 0 评论 -
JavaScript的数据类型和函数
JS的全称是 JavaScript,是属于HTML和Web的编程语言,运行在浏览器中的脚本语言,对网页行为进行编程,是由浏览器解释执行,能够让网页和用户有交互功能,增加用户体验效果,是web开发者必学的三种语言之一JavaScript虽然名字带有Java,但实际和java没有半毛钱关系HTML:定义网页的内容CSS:定义网页样式和布局,让网页变得漂亮、多样化JavaScript:对网页行为进行编程,让网页动起来JavaScript的使用类似于CSS,有三种使用方式:行内式顾名思义,就是在标签原创 2020-10-10 21:32:38 · 122 阅读 · 0 评论 -
操作JavaScript的标签元素
JavaScript的标签元素标签元素获取标签元素操作读取元素的属性设置元素相关属性操作标签包裹的内容标签元素获取使用内置对象document上的 getElementById 方法来获取页面上设置了id属性的标签元素,获取到的是一个html对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2020-10-11 10:25:40 · 242 阅读 · 0 评论