03 2020 档案
摘要：利用下面这个div标签来做鼠标事件的演示，当把鼠标在‘我是div’和’我是span‘两个位置及其之外的位置上操作时，不同事件操作结果不同 <div class="div1">我是div <br> <span>我是span</span> </div> 1、左键单击事件 click var oDiv =
阅读全文
摘要：宽度，高度，margin，padding，border1.可以通过标签样式来获取获取到的结果是属性值有px单位 window.getComputedStyle(oDiv).height 2.其他方式offsetHeight offsetWidth宽/高+padding+borderclientHei
阅读全文
摘要：一、标签属性值的设定和获取 标签对象.steAttribute('属性名称',属性值)；一次只能定义一个，如果要定义多个，需要多次执行获取标签属性值标签对象.getAttribute('属性名称');获取的结果都是字符串 //获取所有div的标签 var oDiv1 = document.query
阅读全文
摘要：DOM操作文档对象模型获取标签内容一、通过id属性值获取标签对象（只能获取一个标签对象） document.getElementById('id属性值') //获取标签页中id为div1的标签对象 var oDiv1 = document.getElementById('div1'); //输出为i
阅读全文
摘要：一、获取浏览器地址栏信息 window.location //获取浏览器地址栏信息 console.log(window.location); 1、页面刷新window.location.reload()方法不能直接写，否则会一直刷新，一般用于事件判断和绑定执行，不能单独执行 //点击按钮，刷新指定
阅读全文
摘要：JavaScript操作浏览器的方法，该方法由浏览器提供，因此需要考虑兼容性 1、提示框/警告框 //输出弹窗 window.alert('弹出警告\n内容如下\'我是警告内容\'') 2、输入框弹出一个输入框，用于接收输入的数据，其中()内的是提示接受需要输入的内容，windows.prompt(
阅读全文
摘要：一、Date对象 1、Date用于获取当前时间 var d = new Date(); console.log(d); // 向控制台输出内容 console.dir(d); // 查看对象的内容信息 2、getFullYear() 获取月份 var year = d.getFullYear();
阅读全文
摘要：Math的基本方法：是JavaScript提供的方法,可以直接使用一、随机数： 随机生成0-1的小数，可以是0，不会是1Math.random()例如:随机生成rgb颜色 1 function setColor(){ 2 //设定随机颜色 3 var c1 = parseInt(Math.rando
阅读全文
摘要：一、indexOf() 原理：将原始数组中的数据,写入到新的数组中，如果新数组中,没有这个数据,我们再进行写入操作，indexOf() 结果是 -1 1 var arr = [1,2,2,3,5,3,1,5,4,3,4,5,6]; 2 //定义一个新数组 3 var arr2 = setNewArr
阅读全文
摘要：一、数据类型的引用赋值操作：1、简单数据类型/基本数据类型： 1 // 此时 str1 中存储的是数据 2 var str1 = '北京'; 3 // 将 str1 中存储的数据北京赋值给str2 4 var str2 = str1; 5 // 之后对str1 的操作,与str2,无关 6 var
阅读全文
摘要：一、冒泡排序： 相邻单位数据比较，从大到小排列，多次执行，完成排序 1 var arr = [3,44,38,5,47,25,36,2,79,8,1]; 2 //定义循环次数，之前比较出的数值,不参与下一次的比较 3 for(var j = 0; j <= (arr.lenght-1) - 1 ;j
阅读全文
摘要：一、数组的操作1、调用：通过索引下标，来操作数组中指定的数据单元 1 var arr = ['北京','上海','广州','重庆','天津']; 2 arr(0) //调用第1个数据 3 arr(1) //调用第2个数据 4 arr(2) //调用第3个数据 5 arr(3) //调用第4个数据 2
阅读全文
摘要：一、数组： 定义：数据的集合，可以存储多个单元的数据 数组中的数据单元,可以是任意形式的数据内容(数组,对象,函数)1、字面量： 1 var 变量 == [数据1，数据2，数据3，.....]; 在[]中括号内各个数据用逗号隔开2、数组的嵌套： 1 var 变量 == [数据1，数据2，数据3，[数
阅读全文
摘要：一、return 作用 : 1、定义返回值 1 var res1 = 0; 2 function add(a){ 3 return res1; 4 } 5 console.log(res1) 注：此时return定义的是返回值， 2、定义终止函数程序的执行 一般是处理容错时使用，一般都是定义在if判
阅读全文
摘要：一、函数1、定义：实现固定功能的代码块2、特点：将需要的代码，封装到函数中；一个函数可以重复调用；代码的调用是在任意需要调用的位置上的都可以执行的。二、语法： function add(变量值){封装的函数} 1、关键词：function 2、函数名称：符合变量的命名规范（不能用关键词和保留词），遵
阅读全文
摘要：一、for循环：for循环是最广泛的循环形式，适用于已知循环次数,循环嵌套情况。 1 for( var i = 2; i <= 100 ; i += 2 ){ 2 console.log(`${i}是偶数`); 3 } 4 for( 定义循环变量的初始值 ; 判断进入条件 ; 步长 ){ 5 循环体
阅读全文
摘要：一、if语句：利用if进行判断和运算 1 if(条件){ 2 条件成立输出； 3 }else{ 4 条件不成立输出； 5 } if多级判断 1 if(条件){ 2 条件成立输出； 3 }else if(条件){ 4 条件成立输出； 5 }else if(条件){ 6 条件成立输出； 7 }else
阅读全文
摘要：一、算术运算符 / 数学运算符 ： +（加/拼接） -（减） *（乘） /（除） %（求模/求余） 二、赋值运算符： =（赋值） +=（加等） -=（减等） *=（乘等） /=（除等） %=（模等） 三、比较运算符： >（大于） <（小于） >=（大于等于） <=（小于i等于） ==（等于，判断执行
阅读全文
摘要：一、历史简介：1995年由网景公司和sun公司职员Brendan·Eich共同开发的，sun公司是开发java的，但JavaScript跟Java没有任何关系。JavaScript的标准是ECMAScript 。2015年6月17日，ECMA国际组织发布了ECMAScript 的第六版，该版本正式名
阅读全文
摘要：一、 分栏布局column：分栏，将一段文字按照一定宽度分成多个栏目（类似于报纸界面）值： -count : 分栏的个数 -width : 分栏的宽度 -gap : 栏与栏的间距 -rule : 分栏的边线 -span : num | all （合并分栏） 注：-count -width 不要一起去
阅读全文
摘要：一、html5语义化标签优点： 1、能够清楚地让维护人员知道整个html的作用，方便代码维护。 2、方便搜索引擎到该网页。 3、能够更好的适配屏幕阅读器等，特殊人群对网站有较好的体验。 二、 html新旧区别： 1、html4.0开始出现：div span img h1-h6等 2、html5开始出
阅读全文
摘要：一、响应式布局： 在小型网站建设中，有运用一套代码代码来适应不同终端分辨率的需求，优点：节约制作时间、节约制作成本、便于维护等优点。 CSS3利用媒体查询（media queries）即可针对不同的媒体类型定义不同的样式，从而实现响应式布局 。也可以针对不同的分辨率设置不同的样式。 1024分辨率以
阅读全文
浙公网安备 33010602011771号