- 博客(23)
- 资源 (1)
- 收藏
- 关注
转载 jQuery入门教程
一、jQuery是什么? jQuery是一种方法库 语法:$ jQuery 二、jQuery文件引用 1、本地引用 语法:<script type="text/javascript" src="jquery.js"></script> 2、远程调用: 语法:<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery1.4....
2022-05-17 09:06:27
7610
原创 dom对象(DOM对象、document对象的常用方法、var和let区别、节点、查找结点、 查看/修改/删除属性节点、创建和增加节点)
一、查看节点 getElementById( ) 元素的ID名称来访问,返回对拥有指定id的第一个对象的引用getElementsByName( ) 按元素的name名称来访问,返回带有指定名称的对象的集合getElementsByTagName( )按标签来访问,返回带有指定标签名的对象的集合 <body> <div id="box">hello box&l...
2022-04-25 17:10:22
313
原创 js关于对象的那些事
前言 没有对象,就自己创建对象 没对象?new一个 一、对象是什么? 对象是一个具体的事物。 对象是一组无序的相关属性和方法的集合,所有的事物都是对象,比如,字符串,数值,数组,函数等 二、对象的使用 1.保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。 代码如下(示例): 小明.姓名 = '小明'; &nb...
2022-04-12 23:30:49
177
原创 循环语句和分支结构
一、流程结构 Javascript中的程序结构分为: 1、顺序结构:没有任何结构就是顺序,所有语句从上到下,逐条执行 注意:顺序结构主要包括注释语句、赋值语句、输入输出等语句 2、分支结构: 单分支 双分支或多分支 3、循环结构 for循环 while循环 do…while循环 for…in循环 1.if单分支 if条件结构是根据条件判断之后再做处理 语法:基本的if条件结构 (1)单分支基本的流程结构: (2)基本的条件结构 案例:如果你的javascript考试成绩大于9...
2022-03-31 00:30:54
281
原创 javascript基础
一、js的组成 ECMAScript(ES) : 负责翻译,为js的核心,解释器。 DOM (Document Object Model 文档对象模型):赋予js操作HTML的能力,document。 BOM (Browser Object Modal 浏览器对象模型):赋予js操作浏览器的能力,window,不兼容不建议使用。 二、javascript嵌入方式 JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中。 JavaScript
2022-03-28 23:04:46
182
原创 弹性盒子的定义以及使用
一、弹性盒子的定义 弹性盒子( Flexible Box 或 flexbox):CSS3的一种新布局模式。 是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 二、flex-direction属性:决定主轴的方向(即项目的排列方向) row(默认值):主轴为水平方向,起点在左端; row-reverse:主轴为水平方向,起点在右端; column:主轴为垂直方向,起点在上沿; column-reverse:主轴为垂直方向,起点在下沿。 <!DOCTYPE html.
2022-03-25 01:45:43
1046
原创 移动端前言
一、分栏的列数: column-count 列数 column-width 列宽 column-gap 列间距 column-rule 列样式 p{ column-count: 4; 栏数 列数 column-width: 200px; 栏宽 列宽 简写:columns: 200px 4; >=800px 按栏数 ...
2022-03-21 23:06:46
162
原创 网页中插入视频播放,音频播放,自动验证输入框格式
<body> <progress value="30" max="100" min="1" >进度条</progress> <br> <meter max="100" min="1" value="80" low="40" high="60"></meter> <!-- 类似于内存卡的储存进度,低于low是一种颜色,40到60是一种颜色,60以上是一种颜色,可...
2022-03-15 21:29:19
769
原创 相对定位,绝对定位,粘性定位
position标签设置当前块元素定位 left增大左边距离,向右移动 right增大右边距离,向左移动 top增大上方距离,向下移动 bottom增大下方距离,向上移动 .box1{ position:relative; left:30px; top:50px; width:200px; height:200px; background-color:black; } relative相对定位,相对
2022-03-14 21:55:19
518
原创 css基础标签,对文字的装饰,对文字位置的控制,文字之间的距离,文本的隐藏和显示
这里要给大家解释一下权重的事,这个很重要,权重在这里是选择器之间的优先级, 行内选择器权重最高,其次是内嵌式,之后是外联式 多个选择器作用同一标签,相同类型不同效果下,权重大的覆盖权重小的 比如外联式字体变蓝色,内嵌式变红色,行内式变黑色,那么标签内字体变黑色 还有选择器之间也有权重,权重大的覆盖权重小的,这个自行搜资料了解 .a{ text-align: center; /* 文字水平居中 */ /* text-align: left; 文字水平居左 */ /...
2022-03-04 21:36:18
549
原创 css的基础标签,字体的修改
div{ width: 500px; height: 800px; background-color: aqua; /* 背景颜色 */ background-color: rgb(255.0.0); /*rag三色取色红黄蓝数值越大,数值在0-255之间,颜色越深,对颜色有了解的比较好用*/ /* background-color: rgba(255.0.0.10); 跟上面相比多了个a,a是透明度,透明度有1--10 */...
2022-03-03 10:58:32
897
原创 html常用的三种选择器的基础使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>内嵌式css标签</title> <link rel="stylesheet" href="css/01.css"> <!-- 外联式(推荐使用):从外部导入css,让代码界面简洁美观些,会加载快些, 所有修饰...
2022-03-03 10:56:32
682
原创 html各种按钮的应用
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> 上传:<input type="file" name="fakkk" value="上传文件" multiple="multiple"><br> ...
2022-03-01 21:34:46
794
原创 html表格基础代码标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table width="400px" height="300px" cellspacing="0" cellpadding="1" border="1"> ...
2022-02-28 15:27:03
1633
原创 html登陆界面基础代码标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="http://www.4399.com/flash/zmhj.htm" method="get"> ...
2022-02-28 15:09:30
3807
原创 超链接的基础应用
1、超链接的表现形式:<a herf="" target="">超链接</a> 含义:通过使用超级链接,各个不同的网页就可以相互的导航和跳转 插入超级链接的标签 解释:(1)herf 引入跳转页面路径。包括:网址、相对路径、锚链接”#id值“; 网址<a href="网址">跳转网页</a> <a href="http://www.baidu.com">百度一下你就知道</a> 相对路径(本地文件) 相对路径:使用相...
2022-02-24 21:03:40
971
原创 入门html简单第一课
一些简单的小知识 HTML(HyperText Markup Language)即超文本标记语言 它主要适配的浏览器:Internet Explorer firefox googie chrome safari opera <!DOCTYPE html> HTML5文档 标记标签分为: 双标签和单标签 1.双标签 <标签名> 内容 </标签名> 2.单标签 <标签名> 段落标签 <P> 以块元素显示,独占一行 。 引入图.
2022-02-22 20:30:11
170
抖音小程序展示视频功能
2023-03-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅