![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
有在学习了
这个作者很懒,什么都没留下…
展开
-
登录表单跳转
登录:<!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&g原创 2021-07-02 10:04:53 · 374 阅读 · 0 评论 -
js函数的语法基本结构
1、声明函数语法:function 函数名 (形参) {函数体}2、调用函数语法:函数名(实参); <script> 1、声明函数 function getsum() { var sum =0; for (var i =0; i <=100; i++) { sum += i ; } console.log(su原创 2021-06-24 16:37:18 · 561 阅读 · 0 评论 -
js数组 遍历数组 冒泡排序
数组(array):一组数据的集合语法结构:1、var arr = new Array();2、var arr = [ ];获取数组元素:数组名 [索引号]索引号从0开始取出数组中所有的值:用循环的方式,遍历:把数组从头到尾都访问一次 <script> var arr = ['red' , 'green' , 'blue']; for (var i =0; i <3 ; i++) { console.log(a原创 2021-06-24 15:11:07 · 288 阅读 · 0 评论 -
js循环语句
1.for 循环语法结构: for (初始化变量(计数器);条件表达式(是否终止的条件);操作表达式(对计数器变量更新,递增或递减)) { 循环体 }例: var num = prompt('输入循环次数'); for (var i =1;i <= num; i++){ console.log('*'); }...原创 2021-06-22 09:49:00 · 196 阅读 · 0 评论 -
打印各种星星, 九九乘法表
一行打印五个星星 var str = '' ; var num = prompt ('需要打印几个★') for (var i =1; i <=num; i++){ str = str + '★' } console.log(str);五行五列星星 var str = ''; var num = prompt ('需要打印几个★'); for (原创 2021-06-21 11:29:24 · 200 阅读 · 0 评论 -
输入人数,成绩,打印出班级总成绩和平均值
输入人数,成绩,打印出班级总成绩和平均值 var aver =0 ; var score = 0; var sum = 0; var num = prompt ('输入班级总人数'); for ( var i = 1 ; i <= num; i ++) { var score =prompt('第' + i + '人成绩'); sum = sum + parseFloat原创 2021-06-21 10:16:21 · 1029 阅读 · 0 评论 -
求1-100之间所有整数的累加,平均值,偶数和奇数和,能被3整除的数
求1-100之间所有整数的累加分析:1、循环100次要有个计数器i2、要有一个存储累加结果的变量 sum ,sum 初始值=03、sum=sum+i; <script> var sum=0; for (var i = 1;i <= 100;i++) { sum +=i // sum =sum +i; } console.log(sum); </script>原创 2021-06-21 09:42:18 · 1455 阅读 · 0 评论 -
if语句和switch语句
if语句1、if 语法结构 if (条件表达式) { //执行语句 }如果(条件表达式)为true,执行语句;反之例: if (8 > 5) { alert(true); }2、双分支if else 语句结构 if (条件) { //true } else { //false }原创 2021-06-18 14:44:41 · 213 阅读 · 0 评论 -
js运算符
递增和递减运算符前置运算符 <script> //前置运算符 先加,在返回值 var num = 1; ++num; //num = num +1; console.log(num); </script>后置运算符 先用,在加 var num = 10; ++ num; //num = num +1; console.log原创 2021-06-18 10:40:19 · 122 阅读 · 0 评论 -
js计算年龄、简单加法器
计算年龄案例分析1、弹出输入框,输入出生日期2、用今年年份减去出生年份得出年龄3、弹出alert,输出结果 <script> var year = prompt('输入年份'); var age =2020 -year; alert(age); </script>...原创 2021-06-17 13:27:45 · 1181 阅读 · 0 评论 -
数据类型转换
数据类型转换数字型转字符串型1、 变量.toString() 方法 var num = 10; var str =num.toString(); console.log(str); console.log(typeof str);num=10,是数字型,通过toString转换为字符串型(为黑色)最后用typeof测试获取str 结果为String2. Striing(变量) 方法 【强制转换】console.log(S原创 2021-06-17 11:21:02 · 56 阅读 · 0 评论 -
typeof获取变量数据类型
typeof用来获取检测变量的数据类型 <script> var num = 10; console.log(typeof num); </script>例: var age = prompt('输入年龄'); console.log(typeof age);输入18,输出String通过颜色也能判断是什么类型字符串:黑色数值:蓝色…...原创 2021-06-17 09:24:51 · 157 阅读 · 0 评论 -
简单数据类型
声明多个变量,用逗号隔开;var age=18, var number=18020392877;数据类型:1.简单数据类型2、复杂数据类型简单数据类型说明、默认Number数字型、默认0Boolean布尔型、默认falseString字符串、默认“”Undefinedvar a;声明变量但是没有给值、默认undefinedNullvar a =null、声明变量为空值,默认null数字型js中八进制前加0,十六进制前加 0x原创 2021-06-16 09:01:17 · 207 阅读 · 0 评论 -
css边框border
jnkj原创 2021-06-15 09:30:42 · 82 阅读 · 0 评论 -
js变量 交换变量
1、弹出输入框 存储一个值到mynamevar myname=prompt('请输入姓名:');2、弹出消息框 输出姓名alert(myname);3、声明多个变量用,隔开4、只声明变量,不赋值,显示undefined未定义;var sex;console.log(sex);5、变量不声明不赋值,直接用 ,会报错6、变量不声明只赋值 可以使用,但不提倡 会变成全局变量q=100;console。log(q);交换变量 var temp;原创 2021-06-06 22:37:28 · 71 阅读 · 0 评论 -
js书写方法输入输出语句
js书写方法1.行内式 <input type="button" value="皮卡丘" onclick="alert('十万伏特')">点击皮卡丘按钮后,弹出窗口十万伏特2.行内式 <script> alert('数码宝贝') </script>3.内嵌式js输入输出语句 <script> prompt("输入框:输入您的年龄"); alert("输出给用户弹原创 2021-06-03 13:41:40 · 316 阅读 · 0 评论 -
数组求平均值
数组求平均值1.先定义变量sum=0求和,变量avr=0求平均数2.让数组从第0位开始,每个元素相加到变量sum中3.用变量sum除以数组的长度,求出平均值4.打印在页面中 <script> var arr = [2,6,1,7,4]; var sum = 0,avr = 0; for(var i = 0;i < arr.length;i++){ sum += arr[i]; }原创 2021-01-25 16:02:46 · 14416 阅读 · 0 评论 -
九九乘法表
九九乘法表for循环写法 <script> for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ document.write(j+"*"+i+"="+j*i+" "); } document.write("<br/>"); } </script>while写法原创 2021-01-20 15:59:57 · 74 阅读 · 0 评论 -
类型转换
类型转换1、 var n=20; console.log(n); // 数值型 蓝色2、 console.log(n.toString());// 字符型 黑色3、 var color=0xFF0000;console.log(color.toString(16))4、 console.log(n.toFixed(3))// 保留小数点后几位 后三位5、 console.log(parseFloat(“3.1原创 2021-01-20 15:53:23 · 83 阅读 · 0 评论 -
赋值运算和一元运算
打印结果10 var x=5; // x=x+5; x+=5; //x+=n;n就是步长 console.log(x)打印结果aa var y="a"; y=y+"a"; // y=y+5; console.log(y)打印结果11 var a=10; var a="10"; a++; //a=a+1类似 console.log(a) //使用一元运算符,会把所有内容原创 2021-01-20 15:49:25 · 97 阅读 · 0 评论 -
数据类型
数据类型 // String //字符 // Number //数值 // Boolean //布尔 // undefined //未定义 // null //空 // Object //对象类型 // ES6 // Symbol //独一无二类型 var a1="a" //定义字符型 var a2=3 //数值 var a3=true //布尔 var a4 //原创 2021-01-20 15:43:59 · 55 阅读 · 0 评论 -
常见JavaScript语句
常见JavaScript语句1、 文本.写入(“内容”)document.write(“123”)2、弹出框alert(‘姜云升厦门巡演1.29’)3、弹出框 有两个选择 确认 取消 可以返回一个值msg=confirm(“是否学过(o)/~”)console.log(msg);打印4、弹出框可输入文本 可返回文本内容name=prompt(“请输入姓名”)console.log(name)5. // 5、直接替换body中的所有内容原创 2021-01-20 15:42:20 · 150 阅读 · 0 评论 -
displayDate显示时间
displayDate显示时间 <h1>姜云升</h1> <p id="demo">点击切换当前时间</p> <button type="button" onclick="displayDate()">显示时间</button> <script> function displayDate() { document.getElementById原创 2021-01-20 15:34:39 · 2521 阅读 · 0 评论 -
右侧打开列表
右侧打开列表设置对应的绝对位置相对位置以及悬浮。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="原创 2021-01-20 15:30:25 · 106 阅读 · 0 评论 -
滚动条
滚动条1.先搭建大的框架2.设置border-left:2px solid while;并用first-child{border: none;}取消最左侧多余的白色边框3.用::-webkit-scrollbar {display: none;}影藏滚动区域的滚动条4.设置背景颜色为黑白透明度0.1...原创 2021-01-20 15:26:24 · 90 阅读 · 0 评论 -
下拉菜单
下拉菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2021-01-20 15:19:32 · 95 阅读 · 0 评论 -
HTMLday8
背景综合案例 <style> body { background-color: #000; } /* a是行内块元素没有宽高,display:inline-block;转为行内块元素 inline块元素 */ a { display:inline-block; width: 200px; height: 50px;原创 2021-01-20 15:12:54 · 103 阅读 · 0 评论 -
HTMLday7
凹凸文字效果 <style> body { background-color: rgb(179, 179, 179); } div { color: #ccc; font: 700 80px "微软雅黑"; } .shadow { /* text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色; */原创 2021-01-18 21:20:50 · 114 阅读 · 1 评论 -
HTMLday6
盒子背景图片 <style> div { height:1300px; width:1300px; background-color: pink; /*背景颜色*/ background-image: url(1.png); /*背景图片*/ background-repeat: no-repeat; /*背原创 2021-01-25 16:04:01 · 127 阅读 · 0 评论 -
HTMLday5
文字半透明 /* 文字半透明 rgba a是alpha透明的意思 取值0~1 */ div{ color: rgba(255, 0, 0, 0.2); font-size: 50px; }文字颜色 <style> .red{ color: red; } .f00{原创 2021-01-18 21:11:21 · 123 阅读 · 0 评论 -
HTMLday3
新增标签属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <he原创 2020-12-09 13:08:52 · 314 阅读 · 0 评论 -
HTMLday2
table表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <原创 2020-12-09 09:13:22 · 181 阅读 · 0 评论 -
HTMLday1
HTML基础<!DOCTYPE html><html><head><meta charset="utf-8"><title>web前端开发day1</title><base target="_blank" /><!--base标签 所有网页都新打开一个窗口--></head><body> <h1><a href="#biao">标题&l原创 2020-12-09 09:02:58 · 140 阅读 · 0 评论