jacksoncya-CSDN博客

原创【JS学习笔记】10.JavaScript DOM操作

HTML DOM（文档对象模型）什么是 DOM？DOM 是一项 W3C (World Wide Web Consortium) 标准。DOM 定义了访问文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分：Core DOM - 所有文档类型的标准模型XML DOM ...

2019-12-20 10:02:55 537

原创 JavaScript-最基础的带按钮轮播图

预览：首先在HTML和CSS下构造一下界面HTML代码部分  <div id='banner' class="div1"> <img src="images/ad-01.jpg" alt="" id='bg1'> <img src="images/ad-02.jpg" alt="" id='bg2' class...

2019-12-19 15:35:19 943

原创【JS学习笔记】9.JavaScript函数基础（内置函数、函数基本用法、作用域、回调函数、匿名函数）

文章目录内置函数、函数基本用法内置函数特定计算eval();类型转换函数判断函数编解码函数encodeURI,decodeURIescape、unescape函数基础创建、调用函数内置函数、函数基本用法内置函数特定计算eval();计算表达式的结果，支持简单表达式，带变量表达式，条分支表达式以及用于解析JSON格式字符串例： var str="5+5"; console(ev...

2019-11-14 17:43:39 428

原创【JS学习笔记】8.JavaScript数组（数组，for....in循环，二维，冒泡排序）

文章目录数组的基本1.定义一个数组：2.向数组中的元素赋值：3.获取数组中的元素4.用length属性，获取数组的大小，并使用循环遍历数组的每个元素创建数组的方法方式一：直接使用new Array();方式二：使用数组字面量补充知识：for...in循环数组的常用方法排序法sort()；反转 reverse()拼接操作join()，concat()join()：将数组拼接为stringconcat...

2019-09-27 17:06:13 992

原创【JS学习笔记】7.JavaScript流程控制语句-循环结构（while，do....while，for)

这部分的学习，为了更好的了解用法，大多数，都是用练习的方式来进行学习的我在学习的过程中，都会先不看老师讲题，自己把题目写一遍，不管是例子还是练习while循环特点：while循环会先进行判断，之后再执行操作。简单的例子：循环输出10次hello world var i=1; while(i<=10){ console.log('Hello world!'); ...

2019-09-20 17:04:25 912

原创【JS学习笔记】6.JavaScript流程控制语句-条件选择结构

if选择结构语法： if (条件) { 代码块; };if选择结构是根据条件判断之后再做处理例1：如果小明分数大于98分，则可获得奖励手机一部。 var score=100;//假设小明拿了100分 if (score>98) {//条件设定，大于98分 console.log('奖励手机一部！'); //满足条件后执行代码，输出提示。 }; ...

2019-09-19 15:25:52 420

原创【JS学习笔记】5.JavaScript数据类型转换

**强制类型转换（显式转换）** var a=prompt('请输入一个数字：'); console.log(typeof a); //string1.转换为number使用Number()如果内容可以转换成数字，则返回对应的数字（整数小数）如果内容不可以转换成数字，则返回NaN，如果内容为空则返回0。 a=Number(a); console.log(a...

2019-09-17 14:10:49 217

原创【JS学习笔记】4.JavaScript运算符

运算符类型赋值运算符：=比较运算符：> ,<,>=,<=,==,!=算术运算符：+，-，*，/，%逻辑运算符：&&，||，！条件（三目）运算符：语法：条件？表达式1：表达式2赋值运算符 var a = 1 ; var b = 2; var c = a; // 将a的值赋给c var d = c + b;//将c+b后赋值给d...

2019-09-16 17:26:42 204

原创【JS学习笔记】3.JavaScript加号的作用、数据类型、获取用户的输入

加号的作用两个字符串用加号连接作用：连接（拼接）这两个字符串。'Jakcson' + 'Cya'; // 'JacksonCya'两个数值用加号连接作用：进行加法运算13+13； //26字符串和其他值使用加号连接作用：连接（拼接）成字符串26 + 'mec'； // '26mec'拓展附加：字面量literals字面量比松hi如何表达这个值，一般除去表...

2019-09-16 15:14:05 590

原创【JS学习笔记】2.JavaScript变量

变量：在程序运行过程中其值可以改变的量，是数据存储空间的表示，即给内存空间（地址）起名。将数据通过变量进行存储，以便于程序随时使用，变量相当于存储数据的容器。...

2019-09-12 18:00:42 159

原创【JS学习笔记】1.JavaScript初识

Web前端三层结构层 HTML：从语义的角度，描述页面的结构。样式层CSS：从审美的角度，美化页面或称为描述样式。行为层JavaScript：从交互的角度，提升用户的体验或称为描述行为。JavaScript相关历史Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发...

2019-09-12 17:13:15 257

原创【Web前端学前体验】HTML+CSS 实战练习-Olay玉兰油官网

不想多说了，这次对自己挺失望的，虽然完整的写完了页面，但是其实发现了一个很大的问题，就是代码非常不规范。而且重复非常多，这次已经了解到问题了，虽然完整写完但是会回去好好阅读一下前端规范。预览：HTML部分：<div class="headed_on"> <div class="headed"> <div class="headed_to...

2019-05-28 16:45:03 686

原创【Web前端学前体验】HTML+CSS 实战练习-MIUI官网

不得不说，MIUI官网真的是一个HTML+CSS练手很好的模仿页面，虽然页面很简单，但是包含了很多知识要点。因为我是从零自学的。其实HTML+CSS内容已经看完学完好久了，之前实训做过一些简单网页，后来看了下，发现MI家的首页非常适合练习，就决定练一练了。其实总共做了3次，前两次都是F12对照官网源码进行写的，最后一次开始自己写，因为大致位置和大小都了解了。说说学到什么：1.之前学的时候，...

2019-05-21 15:49:44 1322 1

jacksonCya，Hello My World