- 博客(14)
- 收藏
- 关注
RSS订阅原创 复习css
1 基本语法 选择器+声明 id选择器 #id class选择器 .class 元素选择器 p <元素 class = "main"> p.main 属性选择器 [title]属性选择器 选择器的分组与嵌套 h1,h2,p { color:green; } .marked p{ }: 为所有 class="marked" 元素内的 p 元素指定一个样式。 p.marked{ }: 为所有 class="marked" 的 p元素指定一个样式。 .
2022-01-26 22:40:12
203
原创 js制作日历
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do...
2022-01-21 21:29:56
3337
原创 轮播图（三）
我们首先获取到 wrap（因为要设置其left才能控制轮播图），然后获取到左右两个箭头，并实现手动轮播，如下： var wrap = document.querySelector(".wrap"); var next = document.querySelector(".arrow_right"); var prev = document.querySelector(".arrow_left"); next.onclick = functi
2022-01-21 21:24:09
183
原创 轮播图（二）
步骤二： css布局 首先，resetcss，如下所示： * { margin:0; padding:0; } a{ text-decoration: none; } 接着，我们为了让图片只在container中，所以需要限定其宽度和高度并且使用overflow:hidden；将其余的图片隐藏起来，并且我们希望wrap相对于container左右移动，所以设
2022-01-18 22:10:52
349
原创 js轮播图（一）
步骤一：建立html基本布局 如下所示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>轮播图</title> </head> <body> <div class="container"> <div class="wrap" style="left:-600px;">
2022-01-18 18:50:18
442
原创 js自定义语法
3.匿名函数 var myFun = function(args1, args2){ alert('haha'); } 变量 myFun 指向一个匿名函数,这相当于创建函数 function myFun(args1, args2){ alert('haha'); } 由于 javascript 没有类型,所以变量可以指向任意类型,也可以指向一个函数,对它来说都只是一片内存空间而已 匿名函数一般用在只有一次使用的情况下,也是可以传递参数的 如: element.onclick = function(){ al
2022-01-14 19:22:58
323
原创 js自定义对象语法
1. 基本语法： 使用 function 指令定义。其属性用“this.属性名”定义。 如： function ObjectName(yName,yAge) { this.name = yName; this.age = yAge; } 调用时： var myObject = new ObjectName("kk",80); // ObjectName 里面的函数会被执行 document.write("name = " + myObject.name + "<br> age = " + myO
2022-01-14 19:21:08
366
原创 js基础笔记
一、string字符串 1、转换字符串 value.toString()方法：3种主要的原始类型：Boolean、数字和字符串都有toString方法，但null和undefined没有。 "" + value方法：强制类型转换。 String(value)方法：建议使用。 2、Boolean的toString方法只能返回true和false。 3、Number的toString方法比较特殊，它有两种模式，即默认模式和基模式。 默认模式（toStrin.
2022-01-12 19:34:43
123
原创 JS自带函数
concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。var index1 = a.indexOf("l");//index1 = 2var index2 = a.indexOf("l",3);//index2 = 3charAt返回指定位置
2022-01-12 15:59:56
137
原创 js...
NaN即非数值（Not a Number）是一个特殊的数值。 NaN特点：（1）任何涉及NaN的操作都会返回NaN。（2）NaN与任何值都不相等，包括NaN本身。 数值转换：Number()、parseInt()、parseFloat()三个函数可以把非数值转换为数值，其中第一个可以用于任何数据类型，另外两个专门用于把字符串转换成数值。 字符串一旦创建，他们的值就不能改变。要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用另一个包含新值的字符串填充该变量。 Object属性和方法： ..
2022-01-10 21:31:05
381
原创 js的元素
first-line 伪元素 ::first-line 伪元素用于向文本的首行添加特殊样式 ::first-line伪元素只能应用于块级元素 以下属性适用于::first-line 伪元素： 字体属性 颜色属性 背景属性 word-spacing letter-spacing text-decoration vertical-align text-transform line-height clear 双冒号表示法 -::first-line 对比:first-line ...
2022-01-08 00:32:27
400
原创 js基本语法
1、简单指令 alert(""); 提示框； confirm(""); 确认框，点击后会响应返回true或false； prompt(); 弹出一个输入框； document.write(""); console.log(""); 在控制台打印相应的信息； console.dir(""); 在控制台打印出该对象的所有信息； 2、转义字符 \ \r 回车 \n 空格 \t 缩进 \\ 反斜杠 3、（Date）日期对象 date.getTime() date.getMilliseco
2022-01-05 20:58:03
225
原创 js中的数据类型
typeof 操作符 由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字. typeof 123 //Number typeof 'abc' //String typeof true //Boolean typeof undefined //Undefined typeof null //Object typeof { } //Object typeof ...
2022-01-04 20:36:30
102
原创 js常用语句
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是: document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值: document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.get
2022-01-03 21:42:39
521
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人