JavaScript
关注
分享
扫一扫
分享简单的内容，适合初学者使用，自是用于学习，每日更新
AAAAA人人爱
不平凡的你，遇到了不平凡的人
展开
-
二级菜单-----梅花
HTML代码<body><div id="my_menu" class="sdmenu"> <div> <span class="menuSpan">在线工具</span> <a href="#">图像优化</a> <a href="#">收藏夹图标生成器</a> <a href="#">邮件</a&g.原创 2020-10-14 19:49:59 · 209 阅读 · 0 评论 -
JSON------梅花
JSON 就是一个特殊的字符串，这个字符可以被任意语言所识别JSON javascript Object Notation JS对象表示法JS对象转JSON的时候 属性名必须要加上双引号 JSON分类：数组[]对象{}JSON中允许的值1、数值2、字符串3、布尔值4、数组5、对象6、nulljs提供了一个工具类 叫JSON 可以将一个JSON转换为JS对象 并且还可以将一个JS对象转化为JSONeval 函数 可以用来执行一段字符串形式的JS代码如果使用eval执.原创 2020-10-12 20:22:40 · 280 阅读 · 0 评论 -
轮播------梅花
HTML代码<div id="outBox"> <ul id='imgMove'> <li><img src="img/xmlb1.jpg" /></li> <li><img src="img/xmlb2.jpg" /></li> <li><img src="img/xmlb3.jpg" /></li> <li><i.原创 2020-09-15 22:17:57 · 114 阅读 · 0 评论 -
BOM？？？？？-------梅花
BOM浏览器对象模型BOM可以通过JS来操作浏览器在BOM里提供了一组对象，用来完成对浏览器的操作 1、Window代表浏览器的整个窗口，同时window也是网页的全局对象 2、History①、代表浏览器的历史记录 通过该对象可以操作浏览器的历史记录②、由于隐私的问题，该对象不能获取到具体的历史记录，只能造作浏览器向前或向后翻页值： back()可以回退到上个页面 作用和浏览器的回退按钮一样forward()可以调整到下一个页面 作用和浏览器的前进按钮一样go(原创 2020-09-09 20:07:02 · 147 阅读 · 0 评论 -
续js键盘操作对div的变换-----梅花
话不多说，先来代码<style type = text/css>#box{ width:100px; height:100px; background-color:red; position:absolute;}<body> <div id="box"></div></body><script type = text/javascript> var box = document.getElementById('b原创 2020-09-08 19:55:32 · 191 阅读 · 0 评论 -
DOM知识点总会-------梅花
文章目录前言一、DOM介绍二、节点三、事件四、文档的加载五、元素六、读取样式七、属性1、currentStyle2、getComputedStyle()其他属性八、事件对象九、事件的委派十、事件的绑定①、addEventListener()attachEvent()十一、拖拽十二、键盘事件总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可.原创 2020-09-07 20:31:40 · 188 阅读 · 0 评论 -
js实现键盘操作对div的移动或改变
这样我们先来分析，要实现键盘操作实现div的移动大概的原理吧：*—要实现div的移动，首先最关键的一点：获取div对象*—获取键盘的操作*—依据键盘的不同操作，给出不同响应这就是我想起的大概须要注意的地方，还是先来看代码：先是html部分<div style="width: 50px;height: 50px;background-color: cyan;position: absolute;" id="showZone">然后记录下javascript的实际操作window.原创 2020-09-06 21:04:41 · 250 阅读 · 0 评论 -
事件的委派------梅花
我们先来写一下body部分吧！先来写两个button标签，用于增加下面的li<body> <button id="btn">添加</button> <button id="btnp">添加p标签</button> <ul id="u1"> <li><a href="javascript:;" class="link">第一个超链接</a></li> <li>.原创 2020-09-05 18:19:32 · 165 阅读 · 0 评论 -
事件的绑定------梅花
我们先给一个button绑定点击事件，代码如下btn.onclick = function(){ alert(1); }这样会弹出一个框，显示1，但是如果添加多个点击事件的时候，只会执行最近的那个，并不能都执行所以，我们需要使用一个addEventListener()，可以同时为一个元素的相同事件同时绑定多个函数，这样当事件触发时，响应函数会被按照顺序执行addEventListener() this指的是绑定事件的对象他有三个参数，分别是第一个参数，事件字符串，不要on第原创 2020-09-04 21:47:35 · 123 阅读 · 0 评论 -
js初学者如何写全选？------梅花
首先，我们先来分析一下1、全选，就是把所有多选框都选起来，也就是把所有选项都选择起来我们首先把form表单写好<form action=""method="post"> 你的爱好是？ <input type="checkbox" id="checkedAllBox"/>全选/全不选 <br /><br /> <input type="checkbox" name="items" id="items" value="足球"..原创 2020-08-27 20:53:35 · 451 阅读 · 0 评论 -
js冒泡排序-----梅花前端
思路：数组中有 n 个数，比较每相邻两个数如果前者大于后者，就把两个数交换位置；这样一来，第一轮就可以选出一个最大的数放在最后面；那么经过 n-1（数组的 length - 1） 轮，就完成了所有数的排序。 //定义一个数组 var arr = [10,20,5,9,36,24] //比较的轮数 for(var i = 0; i < arr.length - 1;i++){ //比较的次数 for (var j = 0; j < arr.length原创 2020-08-25 19:55:27 · 119 阅读 · 0 评论 -
js------数组创建，重要！！！
创建一个数组1、使用字面量来创建数组 可以在创建的时候就指定数组中的元素var arr = [1,2,3,4,5,6];2、使用构造函数创建数组时 也可以同时添加元素 元素之间用逗号隔开var arr2 = new Array(10,20,30);3、创建一个数组 数组中只有一个元素10arr3 = [10];4、创建一个长度为10的数组var arr4 = new Array(10);5、数组里的元素可以是任意的数据类型var arr5 = ["hellow",原创 2020-08-23 21:15:50 · 251 阅读 · 0 评论 -
js中变量的提前声明？？？？？
变量的声明提前使用var关键字声明，会在所有的代码执行前被声明（但不会赋值）;但是如果声明变量不是用var 变量不会提前声明var a;a= 2;console.log("a = " + b);var b,c,d;fun();总结:使用函数声明提前创建function 函数名(){}会在所有代码执行前就会被创建function fun(){ alert("我是函数声明提前创建"); } var fun2 = function(){ console.log原创 2020-08-22 22:32:57 · 201 阅读 · 0 评论 -
js中函数的参数-----初学者必看
1、定义一个参数，判断一个函数是不是偶数是的话返回true，不是的话返回false function isOu(num){ return num % 2 == 0; } console.log(isOu(3));2、创建一个函数，可以在控制台输出个人信息function mianJi(r){ return 3.14*r*r;}mianJi(1);3、创建一个函数，可以在控制台输出个人信息function xinxi(name,age,sex,address){ con原创 2020-08-20 21:17:18 · 350 阅读 · 0 评论 -
JavaScript中经典水仙花案例
水仙花数 水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。（例如：1^3 + 5^3 + 3^3 = 153）,打印所有的水仙花数var num;for(var num = 100; num <= 999; num++){ var a = parseInt(num / 100); var b = parseInt(num / 10 %10); var c = num % 10; if(a * a * a + b * b * b + c * c *原创 2020-08-19 19:34:27 · 890 阅读 · 0 评论 -
JavaScript中输出正直角三角形，倒直角三角形，等腰三角形，长方形
1、js打印正直角三角形for（var i = 0; i < 5; i++）{ for(var j = 0;j <= i; j++){ doucument.write('*'); } doucument.write('<br>');}结果如图所示：2、打印倒直角三角形for(var i = 0; i < 5; i++) { for(var j = 0; j < 5-i; j++){ document.w原创 2020-08-18 22:32:29 · 7810 阅读 · 0 评论 -
javascript中的console
为什么要使用consolejavascript执行的是客户端，而且浏览器为显示页面，如果把测试结果展示到页面会影响显示而服务器不是页面，显示到页面的像Apache，Nginx，是显示在黑框里，比如说，声明一个变量，执行的时候34，需要不断打印，跟踪，不能一直在页面显示，不合适，需要在控制端输出像后端语言，比如说php，直接给客户拿数据，做数据响应，从客户端发送请求，所以说不需要在控制台输出在JavaScript中调试任何内容的最简单方法之一是使用console.log。但是其实还有许多其他方法可以原创 2020-08-17 22:55:18 · 375 阅读 · 0 评论