- 博客(15)
- 收藏
- 关注
RSS订阅转载 jQuery基础
jQuery基础一、jQuery简介1. 引入jQuery2. jQuery版本二、jQuery对象三、入口函数四、jQuery基本使用五、jQuery选择器六、网页小案例1.题目要求一、jQuery简介jQuery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互等1. 引入jQuery本地引入<script src="jquery.js">
2021-06-13 11:04:14
163
转载 JavaScript与CSS交互
JavaScript与CSS交互一、style属性二、隐藏元素三、修改className更改样式四、拖拽事件一、style属性通过元素的style属性，可以获取或修改元素的CSS样式如下代码所示：将body的背景色设置为reddocument.body.style.backgroundColor = ‘red’注意：原css样式为短横线命名法，在使用style属性时，需转换称小驼峰命名法如CSS中，字体大小为font-size, 使用style属性时，需改为fontSize小试牛刀：创
2021-06-13 10:50:10
171
转载 DOM事件绑定
DOM事件绑定一、DOM0级别事件绑定二、DOM2级别事件绑定三、DOM0级事件和DOM2级事件区别五、事件传参六、常用事件一、DOM0级别事件绑定DOM0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。HTML绑定<input type="button" id="btn" value="click me" onclick="show()"/>JS绑定document.getEl
2021-06-13 10:38:31
854
转载 DOM对象模型
DOM对象模型一、DOM对象模型DOM的概念二、Node1.Node2.访问节点3.访问节点的属性一、DOM对象模型DOM的概念当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。二、Node1.NodeHTML中的所有内容都可以用节点（Node）来描述节点共有12种类型，常见的节点类型有：元素节点 elementNode属性节点 attributeNode文本节点 textNode通过操作DOM树，JS可以实现的功能有：改变页面中
2021-06-13 10:24:13
349
原创 JavaScript面向对象编程BOM对象
BOM对象一、BOM1、什么是BOM？二、浏览器对象模型:1.Window(窗口对象):2.Document(文档)对象3.location对象4.navigator对象5.screen对象6.history对象7.frames框架提示：以下是本篇文章正文内容，下面案例可供参考一、BOM1、什么是BOM？BOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。
2021-06-03 11:28:07
136
原创 响应式网页设计之String对象
JavaScript对象编程（六）一、认识正则表达式1.什么是String对象2.创建String对象3.String对象的访问二、String对象的方法1.replace()修改String对象2.split()分割String对象3.indexOf()查找字符4.toLowerCase()转为小写5.toUpperCase()转为大写6.trim() 移除空白符7.截取String对象三、本节案例一、认识正则表达式1.什么是String对象String 对象用于存储和处理文本（字符串），字符串可
2021-05-16 20:59:22
84
原创 JavaScript对象编程之JSON对象
JavaScript对象编程（五）一、JSON与JS对象1.什么是JSON2.什么是对象3.什么是JS对象4.JSON与JS对象对比二、JSON的创建与访问1.创建JSON（两种格式）2.JSON的访问三、JS对象的创建与访问1.创建JS对象一、JSON与JS对象1.什么是JSONJSON（JavaScript Object Notation）， JS对象表示法，是一种轻量级的数据交换格式。使用JavaScript语法来描述数据对象，但是 JSON 仍然独立于语言和平台，可以被任何编程语言读取以及作
2021-04-08 09:38:53
346
原创 JavaScript对象编程之数组的方法
JavaScript对象编程（四）一、数组转字符串1. toString()2.join()二、合并数组concat()三、查找索引indexOf()：四、数组截取slice():五、数组的更新splice()：六、数组归并reduce()reduce()的使用七、本节案例一、数组转字符串1. toString()把数组转换为数组值（逗号分隔）的字符串，这种方法会在生成的字符串中保留原数组中数组元素之间分隔的逗号，很多时候这并不是我们想要的结果。var fruits = ["Banana", "O
2021-04-07 20:07:21
260
原创 JavaScript对象编程之二维数组
JavaScript对象编程（三）一、二维数组1.二维数组的创建与访问2.小试牛刀二、数组的方法1.位移元素2.数组排序3.数字排序4.多维数组排序三、本节案例一、二维数组1.二维数组的创建与访问二维数组创建二维数组是在一维数组的基础上进行创建的，即外层数组的元素也是一个数组类型，例如创建一个水果的数组，包含水果的编号和名称var fruits = [["1", "Banana"], ["2", "Orange"]];var element = ["3", "Apple"];fruits
2021-03-24 23:14:26
2076
原创 JavaScript对象编程
第六课时 JavaScript对象编程（二）一、Math对象1. Math对象的属性2. 使用 Math 的属性/方法的语法：3. Math对象的常用方法4.小测试二、数组1.什么是数组2.数组的创建2.数组访问3.添加和删除数组元素三、本节案例一、Math对象Math对象能够进行比基本数学运算更为复杂的运算。Math对象不需要生成对象的实例，可以直接访问它的属性和方法Math 对象提供多种算数值类型和函数。无需在使用这个对象之前对它进行定义。1. Math对象的属性属性名描述
2021-03-24 20:13:31
236
1
原创 JavaScript对象编程
第五课时 JavaScript对象编程（一）一、JavaScript对象二、Date对象三、定时器函数1.setTimeout()2. setInterval()3.清除定时器一、JavaScript对象在JavaScript的世界里，一切都是对象。但是某些对象还是和其他对象不太一样。为了区分对象的类型，我们用typeof操作符获取对象的类型，它总是返回一个字符串：typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // '
2021-03-17 18:18:15
157
原创 JavaScript基础
第四课时 JavaScript基础（二）一、JavaScript中的循环语句二、函数2.1自定义函数2.1.1带有返回值的函数2.2函数的调用2.3局部变量2.4全局 JavaScript 变量2.5JavaScript 变量的生存期2.6匿名函数一、JavaScript中的循环语句与大多数编程语言的循环类似，JavaScirpt中也有while、do…while、for循环while循环语法：while(条件){//js语句}var input = ""; while (in
2021-03-14 17:47:54
76
原创 JavaScript基础
第三课时 JavaScript基础（一）一、JavaScript中的变量及数据类型1、变量2、数据类型3、类型转换3.1转换为数字3.2转换为字符串3.3转换为布尔值4、运算符一、JavaScript中的变量及数据类型1、变量变量JavaScript为弱类型语言，常用变量类型（字符串、数字、布尔值、对象等）都声明为var变量命名规则 1. 第一位必须是字母 2. 可以包含字母、数字、下划线、美元符号$ 3. 变量名不能是关键字或保留字 4. 通常情况下，统一使用小驼峰命名法（ca
2021-03-09 20:15:09
70
原创 JavaScript概述
第二课时 JavaScript概述1、关于JavaScript2、为什么学习 JavaScript?3、用JavaScript能做什么？1、关于JavaScriptJavaScript是轻量级的编程语言，是一种运行在客户端浏览器中，由浏览器解析的脚本语言。脚本语言：即不需要编译，直接可以被浏览器解析和执行。2、为什么学习 JavaScript?JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 网页
2021-03-09 19:21:46
80
原创 响应式设计课程(序章)
第一课时 响应式开发概要1、什么是响应式网页2、Web开发常用工具3、响应式开发中的媒体查询@media3.1不同断点区间的媒体查询语句的书写1、什么是响应式网页在前端开发过程中，为解决网页在不同设备的显示问题而提出的解决方案。使其能自动改变网页内容的大小、布局，来适应不同分辨率的屏幕。2、Web开发常用工具3、响应式开发中的媒体查询@media@media (min-width:Xpx) {/* CSS样式代码 /}/ 宽度在X~+ 之间时（即大于X时），应用当前CSS样式 */
2021-03-03 19:02:15
122
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人