glglgl1-CSDN博客

原创《vue组件的自定义事件》

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id="app"> <div id="co.

2022-05-30 17:27:04 160

Vue中有2种数据绑定的方式：1.单向绑定(v-bind)：数据只能从data流向页面。2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。备注：1.双向绑定一般都应用在表单类元素上（如：input、select等）2.v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值使用 v-html 指令用于输出 html 代码：<!DOCTYPE html><html>&lt

2022-05-14 21:11:14 371

原创仿网易严选官网（轮播图）JavaScript

<div id="banner"> <div class="bannerPic" id="bannerPic"> <div class="carouselImgCon"> <a href="#"><img src="images/pic_01.jpg" style="opacity: 1;"/></a> <a href="#"><img src="images/pic_02.jpg".

2022-04-15 21:04:24 627

原创 HTML DOM querySelectorAll() 的使用方法

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><h2 class="example">你很懒</h2> <p>点击按钮为 class="example" (索引为 0) 的第一个元素设置背景颜色。</p><button oncli.

2022-04-15 20:40:26 479

原创仿写小米商城简单页面案例

<div class="topbar"> <div class="container"> <div class="topbar-nav"> <a href="">小米商城</a><span>|</span> <a href="">MIUI</a><span>|</span&g...

2022-04-05 16:35:02 1597 1

原创《JavaScript》BOM 发送短信案例

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 手机号码：<input type="number"> <button>发送1</button> <script> var btn = document.querySel.

2022-04-02 21:07:06 1243

原创《JavaScript》BOM 6秒钟之后跳转页面

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button>点击1</button> <div></div> <script> var btn = document.querySelector('bu.

2022-04-02 20:58:33 780

原创《JavaScript》BOM页面倒计时效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 10px; height: 10px; color: #00FFFF; text-align: center; line-height: 40px; } <.

2022-03-31 21:11:41 1056

原创《JavaScript》DOM 图片跟随鼠标移动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> img { position: absolute; top: 2px; } </style> </head> <body> <img src="img/1.jpg" alt="".

2022-03-30 21:43:28 496

原创《JavaScript》DOM 模拟金东内容输入案例

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" > <script> var search = document.querySelector('input'); document.addEventLis.

2022-03-30 21:03:15 240

原创《JavaScript》DOM e.target和this的区别

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 100px; height: 100px; background-color: #00FFFF; } </style> <ul> <li>jk&l.

2022-03-29 19:33:15 487

原创《JavaScript》DOM删除事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 100px; height: 100px; background-color: #00FFFF; } ccb { width: 10px; height: 50px; bac.

2022-03-28 21:11:32 978

原创《JavaScript》节点操作之克隆节点

<body> <ul> <li>1742</li> <li>125</li> <li>182</li> <li>1232</li> </ul> <script> var ul = document.querySelector('ul'); //1.node.cloneNode();括号为空或者里面是false浅拷.

2022-03-25 19:46:17 1096

原创《JavaScript》DOM和BOM中的节点操作之子节点

<body> <div>我是div</div> <span>我是span</span> <ul> <li>我是ki</li> <li>我是ki</li> <li>我是ki</li> <li>我是ki</li> </ul> <ol> <li>我是ki&lt.

2022-03-24 22:34:58 1274

原创《JavaScript》dom BOM点击图片为背景皮肤

2022-03-23 21:20:24 1348

原创《JavaScript》（DOM BOM操作）获取新增元素方式

<div class = "box">标杆1</div> <div class = "box">标杆2</div> <div id = "nav"> <ul> <li>门口</li> <li>桌子</li> </ul> </div> <script> var boos = document.getElementsByTa..

2022-03-21 20:07:48 640

原创《JavaScript》（DOM BOM操作）getElementsByTagNam获取标签类

<ul> <li>嗯嗯嗯1</li> <li>嗯嗯嗯2</li> <li>嗯嗯嗯3</li> </ul> <ol id = "ol"> <li>嗯嗯嗯</li> <li>嗯嗯嗯17</li> </ol> <script> var lis = document.getElemen...

2022-03-21 20:03:08 667

原创《JavaScript》倒计时效果

var obj = { uname:'张三封', age:'男', sex:'18', sayHi: function() { console.log('hai'); } }

2022-03-16 19:56:33 907

原创 JS中利用函数排序大小

2022-03-11 13:13:42 380

原创 js 中利用函数翻转数组

function yy(abb){ var arr = []; for (var i = abb.length - 1 ; i >= 0; i--){ arr[arr.length] = abb[i]; } return arr; } var abb1 = yy([1,2,3,4,5,6,7,89]); console.log(abb1);用for循环进行对数组的长度进行for (var i = abb.length - 1 ; i >= 0; i--)对数组.

2022-03-11 13:07:45 274

原创《JavaScript》利用函数求任意最大值

2022-03-11 13:00:20 1150

原创《JavaScript》函数的使用以及各种案例

function sayHi(){ console.log('ha'); } sayHi();function,声明函数的关键字使用一个函数名sayHi();来调用，函数不调用自己不执行案例:利用函数计算1到100之间的累加值20到50的累加值function gen(sm,sm1) { var sum = 0; for(var i = sm; i <= sm1; i++) { sum += i; } return...

2022-03-11 12:54:06 875

原创《JavaScript》将数组转换为字符串与数组其他案例

var ad = ['你','看','我','靓仔吗']; var str = ''; var spe ='|'; for (var i = 0; i < ad.length; i++ ){ str += ad[i] + spe; } console.log(str);将数组转换为字符串，然后用|给隔开str += ad[i] + spe;使用·前面声明的变量，for循环加上“|” |新加数组，修改索引号，追加数组元素 var ppp = ['k',..

2022-03-08 14:05:02 361

原创《JavaScript》数组的编写方式以及简单使用方式

var hh = ['djakl','djhak'];//使用中括号来输入值，然后 console.log(hh[0]); 在输出语句上使用变量名加语句的代码号，第一个是：0.1.2.3.4....这个顺序来的输入变量名加上它的代码号【0】会输出第一个上图为结果如果输入console.log(hh[1]);会出第二个值djhak其中数组中还有‘遍历数组’var pp = ['jj','kk','hh','gg']; for( i = 0; i < 4; i+.

2022-03-07 21:23:27 356

原创《JavaScript》for循环求5到100的和

<!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title></title> <script type = "text/javascript"> var sum = 0; for(var s = 5; s <= 100; s++) { sum = sum + s; } alert("5到100的和为：.

2022-02-24 21:28:25 617

原创《JavaScript》for循环语句练习乘法表

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> //创建外层循环，用来控制乘法表的高度 for (var q=1 ; q<=9; q++){ //创建一个内层循环来控制图形宽度 for (var b=1 ; b<=...

2022-02-24 20:14:04 335

原创《JavaScript》嵌套for循环

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 通过程序，在页面输出下面图形： / // /// //// ///// ////// ////// ////// ////.

2022-02-24 16:57:24 208

原创《JavaScript》质数

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var num =prompt("请你马上输入一个大1的整数:"); if(num <=1){ alert("该值就是不合法！！！"); }else{ //创.

2022-02-24 16:07:31 373

原创《JavaScript》for循环语句

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/jscript"> /* for 语句·也是一个循环语句，也称为for循环在for循环中，为我们提供了在专门的位置用来放三个表达式； 1.初始化表达式 2.条件表达式 3.更新表达式 .

2022-02-24 13:32:07 517

原创 JavaScript的各种错误总结

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/jscript"> var score = 10; switch (true){ case score >= 60: ...

2022-02-23 21:48:40 43

原创《JavaScript》循环语句

switch(true)fcase score >= 60:console.log("合格");break;default;console. log("不合格");break;

2022-02-23 21:38:51 106

原创《javascript》条件分支语句

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/jscript"> /* 条件语句分支句也叫switch语句语法： switch(条件语句){ case 表达式; 语句。。 break; case 表达式； .

2022-02-23 19:43:08 303

原创《javascript》if语句练习3

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/jscript"> var a = prompt("请输入第一个数字的值"); var b = prompt("请输入第二个数字的值"); var c = prompt("请输入第三个数字的值"); ..

2022-02-23 18:02:30 182

原创《javascript》if语句练习2

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var height =prompt("很多时间（sj）:"); var money =prompt("很多财富（万）:"); var face =prompt("很多老婆（px）:".

2022-02-23 17:52:31 191

原创《javascript》if语句练习1

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* prompt()可以弹出一个提示框，该提示中会有一个文本框，用户可以在文本框中输入内容，该函数需要一个字符串作为参数该字符串将作为提示框的提示文字用户输入的内容.

2022-02-23 17:41:57 119

原创《javascript》if语句

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* if语句语法二 if （条件表达式）{ 语句。。。。 }else{ 语句。。。。 } if。。else。。语句当该语句执行时，.

2022-02-23 15:00:50 313

原创《JavaScript》if 流程控制语句

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 流程控制语句 js的程序是从上到下一行执行的通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行语句的分类 1.条件判断语句 .

2022-02-23 13:30:12 261

原创《JavaScript》代码块

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 我们的程序是由一条语句构成的语句是按照从上往下顺序一条一条运行的的在js中可以使用{}来为语句进行分组同一个{}中的语句我们称为是一组语句它们要么都执行要么都不执行 .

2022-02-23 12:23:03 187

原创《JavaScript》运算符的优先级

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 运算符使用可以分割多个语句，一般可以在声明多个变量时使用， */ //使用，运算符同时声明多个变量 //var a,b,c； //可以同时声明多个变量并赋值 .

2022-02-22 21:25:29 243

原创《JavaScript》条件运算符

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* 条件运算符，也叫三元运算符语法条件表达式？语句1：语句2；执行的流程：条件运算符在执行时，首先对条件表达式进行求值，如果该值为true，则执行语句1，并返.

2022-02-22 21:02:49 398

空空如也

空空如也