Jasmyn1-优快云博客

原创 JavaScript事件分类

页面事件 HTML页面的加载是按照代码的编写顺序，从上到下依次执行的。若在页面还未加载完成的情况下，就使用JavaScript操作DOM元素，会出现语法错误。页面加载顺序的问题 <script> document.getElementById('demo').onclick = function () { console.log('单击'); }; </script> <div id="demo"></div> 解决办法：页面事件可以改变

2020-06-30 10:37:50 363

原创 JavaScript列表的增删与移动

案例：列表的增删与移动 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .list{ display:inline-block; background:#fff; color:#333; text-align:left;

2020-06-24 11:26:57 7244 1

原创 JavaScript学习笔记BOM对象

BOM：Brower Object Model，指的是浏览器对象模型。作用：操作浏览器窗口及窗口上的控件，实现用户和页面的动态交互。 window对象是BOM的顶层（核心）对象。其他的对象都是以属性的方式添加到window对象下，也可称为window的子对象。 document（文档对象）：也称为DOM对象，是HTML页面当前窗体的内容，同时也是JavaScript重要组成部分之一。 history（历史对象）：主要用于记录浏览器的访问历史记录，也就是浏览网页的前进与后退功能。 location（地址栏

2020-06-07 15:07:47 706

原创 JavaScript学习笔记（七）

构造函数构造函数：是JavaScript创建对象的另外一种方式。与字面量方式创建对象对比：构造函数可以创建出一些具有相同特征的对象。字面量的方式创建对象的特点： (1) 优势：简单灵活。 (2) 劣势：当需要创建一组具有相同特征的对象时，无法通过代码指定这些对象应该具有哪些相同的成员。 JavaScript内置的构造函数 // 通过构造函数创建对象 var obj = new Object(); // 创建Object对象 var str = new String('123'); // 创建Strin

2020-05-27 17:32:03 346

原创 JavaScript学习笔记（五）

案例1：统计成绩最大值和最小值 var arr=[83,75,65,59.5,92]; var max=min=sum=arr[0]; for(var i=1;i<arr.length;i++){ if(arr[i]>max){ max=arr[i]; } if(arr[i]<min){ min=arr[i]; } sum+=arr[i]; } var avg=sum/arr.length; doc

2020-05-09 10:36:56 373

原创 JavaScript第四次学习笔记

案例1：三元运算符 var a=88; var b=66; var c=28; var d=a>b?a:b; var max=d>c?d:c; alert(max); 显示结果：案例2：求红白黑球的个数 var hong,bai,hei; for(hong=0;hong<=25;hong++){ bai=25-hong; h...

2020-05-06 16:47:22 724

原创 JavaScript第三次学习笔记

运算符的优先级指的是在表达式中各个运算符参与运算的先后顺序，例如：先乘除，后加减。同一单元格的运算符具有相同的优先级。左结合方向表示同级运算符的执行顺序为从左到右。右结合方向则表示执行顺序为从右到左。补充：圆括号()优先级别最高。例如， 4 + 3 * 2的输出结果为10，(4 + 3) * 2的输出结果为14。案例计算圆的周长和面积 <body> <p...

2020-04-29 17:59:46 436

原创 JavaScript第二次学习笔记

数据类型转换：转布尔型：（1）实现语法：Boolean()函数。（2）注意事项：Boolean()函数会将任何非空字符串和非零的数值转换为true，将空字符串、0、NaN、undefined和null转换为false。 var con = prompt(); if (Boolean(con)) { document.write('已输入内容'); } else { document.w...

2020-04-29 17:00:23 864

原创 JavaScript第一章学习笔记

脚本语言 1、常见的脚本语言：JavaScript、VBScript、Perl、PHP、Python等； 2、非脚本语言：C、C++、Java、C#等 3、脚本语言与非脚本语言的区别： (1)非脚本语言一般需要编译、链接，生成独立的可执行文件后才能运行； (2)脚本语言依赖于解释器，只在被调用时自动进行解释或编译。注意：在编写JavaScript代码时，应注意基本的语法规则，避免程序出错，具体...

2020-04-24 22:52:48 3135

Jasmyn1的博客