mojirg-优快云博客

原创 H5的本地存储

H5本地存储API中有localStorage和sessionStorage，区别在于sessionStorage在关闭页面后就会清空，而localStorage 会一直保存。 1、localStorage API 基本使用方法保存数据语法： localStorage.setItem("key", "value"); 读取数据语法： let data = localStorage.getItem("key"); 删除数据语法： localStorage.removeItem("key"); 遍历

2021-06-09 18:04:28 345

原创 JS学习(二)

一、JS获取DOM元素 <div id="test1">test1</div> <div class="test"></div> 1、通过id查找 document.getElementById("test1"); 2、通过class查找 document.getElementsByClassName("test"); 通过class获取的是一个数组，因此在使用时需要按数组的方式。 3、通过标签名查找 document.getElementsByTagN

2021-06-08 15:22:29 88

原创 JS学习(一)

一、JS编写位置内部： 1、JavaScript代码需要位于<script></script>标签 2、位于html标签中，如<button οnclick=“alert(’点击事件‘)”></button> 外部：单独创建一个.js文件，<script src=“js文件位置”></script> 二、JS变量声明与数据类型 1、变量声明 1）、var，const，let 为变量关键字，var和let的区别在于let有作用域，c

2021-06-07 16:49:51 88 1

原创 CSS学习（二）

1、浮动 float:left 元素向左浮动 float:right 元素向左浮动由于块级元素默认独占一行，不能并列显示，因此可以使用浮动让块级元素并列显示。 HTML <ul class="nav"> <li>1</li> <li>2</li> <li>3</li> </ul> CSS .nav { background-color: red; margin: 0; } .nav li { wi

2021-06-04 17:34:44 145

原创 CSS学习（一）

一、CSS语法 CSS 规则集由选择器和声明块组成，例如： p{ margin:0; padding:0; } p为选择器，它指定了要设置样式HTML元素<p> margin和padding为属性名称，0为属性值。每条属性用" ; "分隔。二、CSS选择器 1、简单选择器 2、组合器选择器 3、伪类选择器 ...

2021-06-03 17:53:45 75

原创 HTML学习（二）

一、有序列表 ol <ol> <li>…</li> <li>…</li> <li>…</li> </ol> ol有以下属性： start：number 定义有序列表的开始值 type：1、a、A 定义有序列表序号的类别二、无序列表 ul <ul> <li>…</li> <li>…</li> <li>…</li> </ul

2021-06-02 18:01:18 98 1

原创 HTML学习（一）

一、常用标签 <html>…</html> 定义 HTML 文档 <head>…</head> 文档的信息 <meta> HTML 文档的元信息 <title>…</title> 文档的标题 <link> 文档与外部资源的关系 <style>…</style> 文档的样式信息 <body>…</body> 可见的页面内容 <!–…--> 注释文本 &l

2021-06-01 21:23:11 167