- 博客(17)
- 收藏
- 关注
RSS订阅原创 JavaScript-18
jQuery操作DOMjQuery添加节点使用jQuery工厂函数$()可以创建HTML元素$(HTML标签)var $h1=$("<h1>hello</h1>")添加节点append()$('body').append($h1)可以直接传入HTML代码$('body').append("<h1>hello</h1>")可以添加多个元素$('body').append($h1,$h2)原代码：<ul> <li
2021-05-13 15:03:10
4623
原创 JavaScript-17
jQuery基础jQuery简介jQuery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互等引入jQuery本地引入使用CDN引入CDNCDN（Content Delivery Network），即内容分发网络，依靠部署在各地的边缘服务器，通过中心平台进行内容分发，使用户就近获取所需资源，提高用户的访问速度不使用CDN，用户直接请求服务器获取资源
2021-05-09 15:58:49
296
转载 JavaScript-16
JavaScript与CSS交互style属性通过元素的style属性，可以获取或修改元素的CSS样式document.body.style.backgroundColor = 'red'原css样式为短横线命名法，在使用style属性时，需转换称小驼峰命名法如CSS中，字体大小为font-size, 使用style属性时，需改为fontSize隐藏元素元素.style.display = 值元素.style.visibility = 值修改className更改样式通过修改元素的
2021-05-09 15:12:36
119
转载 JavaScript-15
DOM事件绑定DOM0级别事件绑定DOM0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容HTML绑定<input type="button" id="btn" value="click" onclick="show()" />JS绑定document.getElementById("btn").onclick = showfunction show() { console.log(1)}document.getElementById("btn").onclick
2021-05-09 14:44:59
128
原创 JavaScript-14
操作DOMDOM元素特性element.attributes返回元素的所有特性element.setAttribute(name,value)设置元素的指定特性element.getAttribute(name)获取元素的指定特性element.removeAttribute(name)删除元素的指定特性特性和属性的区别理论上，特性(attribute)与属性(property)是两个不同的概念，特性(attribute)是DOM元素的子节点，属性(property)是DOM元素的
2021-04-21 16:34:13
66
原创 JavaScript-13
DOM对象模型当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。<html> <head> <title>这是标题</title> </head> <body> <div> <h1 style="color: red">这是内容</h1> <a href="1.html">这是链接</a> </
2021-04-21 16:03:02
81
原创 JavaScript-12
BOM对象模型BOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。BOM对象模型结构window对象BOM 的操作入口为 window 对象，即浏览器下的全局对象所有浏览器都支持 window 对象。它表示浏览器窗口一个html文档对应一个window对象控制浏览器窗口的window对象不需要创建对象，直接使用即可所有 JavaScript 全局
2021-04-21 16:02:23
189
原创 JavaScript-11
正则表达式正则表达式（Regular Expression，简称为RegEx），是用来匹配一系列符合某个规则的字符串的表达式正则表达式独立于编程语言，几乎所有的编程语言甚至文字处理软件都支持正则表达式应用场景从大量文本中查找符合某一规则的文本验证用户输入是否符合格式基本语法/正则表达式主体/修饰符(可选)修饰符为可选，但一般使用g，代表全局匹配split()replace()search()match()在以上这些方法中都可使用正则表达式常用的使用正则表达式的方法，支持传入字
2021-04-21 16:01:49
70
原创 JavaScript-10
STRING对象什么是String对象String 对象用于存储和处理文本（字符串）创建String对象var str = new String('hello')访问String对象的length属性str.length类型检查var a = 'hello'var b = new String('hello')typeof a //stringtypeof b //object在JS中，字符串类型也可以使用String对象的方法和属性，JS内部会自动转换完成String对象访
2021-04-07 18:47:54
236
原创 JavaScript-09
JSON对象什么是JSONJSON（JavaScript Object Notation）， JS对象表示法，是一种轻量级的数据交换格式使用JavaScript语法来描述数据对象，但是 JSON 仍然独立于语言和平台，可以被任何编程语言读取以及作为数据格式传递。是目前服务端与客户端交换数据中使用最为广泛的标准格式什么是对象万物皆对象JS对象创建JS对象外层适用花括号{}包裹key:value 键值对格式逗号分割值类型可以是常用的number、string、boolean、objec
2021-04-07 18:24:27
91
原创 JavaScript-08
数组的方法数组排序reverse()颠倒数组中元素的顺序，并返回数组sort()数组的元素进行排序，并返回数组对字符串排序，从左至右逐字比较（ASCII码顺序）如[“ab”, “ac”, “abc”], 排序后为[“ab”, “abc”, “ac”]。（第一位相同比较第二位，b>c，因此ab和abc在ac之前；再比较ab与abc, ab没有第三位，因此排在abc之前）数字排序如需要对字符串形式的数字进行排序，采用以下两种方式统一格式，补足位数，如[“10”, “5”, “1
2021-04-07 18:04:16
110
原创 JavaScript-06~07
Math对象Math对象能够进行比基本数学运算更为复杂的运算。Math对象不需要生成对象的实例，可以直接访问它的属性和方法Math对象的属性上面的属性中PI最为常用，Math.PI会比我们自己定义的常量PI更为精准，在一些场合中需要这样精细的运算Math对象的方法在3个取整的方法中，floor方法最为常用，它在概率是是最为公平的random方法最为常用Math.random()这里给出一个通用的随机数方法，生成任意取值范围内的随机数function randomNum(num1, n
2021-03-24 18:18:15
97
1
原创 JavaScript-05
Date对象JS内置了核心对象Date，该对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数，并且提供了一系列处理时间与日期方法创建Date对象var d = new Date();创建当前日期和时间的Date对象var d = new Date(milliseconds);以1970-1-1 00:00:00 GMT+0000为基准，按经过的毫秒数创建日期var d = new Date(yy,mm,[dd],[hh],[mm],[ss],[ms]);
2021-03-24 17:50:40
52
原创 JavaScript-04
循环语句while循环while(条件){ //js语句 } while循环 （）里的是判断语句，返回True/False如果直接写True就是一个死循环，需要在里面加入跳出循环的语句，后面会有介绍一般适用于知道循环结束条件的情况do…while循环do{ //js语句 }while(条件) do…while循环和while循环最大的区别在于do…while循环：无论条件是否为真，都会执行至少一遍。是先执行后判断while循环：如果条件判断为假就不会执
2021-03-24 17:28:30
54
原创 JavaScript-03
变量及数据类型变量JS为弱类型语言，常用变量类型（字符串、数字、布尔值、对象等）都声明为var。变量命名规则第一位必须是字母可以包含字母、数字、下划线、美元符号$变量名不能是关键字或保留字通常情况下，统一使用小驼峰命名法（camelCase）使用方法先声明再赋值var a; a = 1; 同时声明并赋值var a = 1; 声明多个变量var a = 1, b = 2, c = 3; var a, b, c; a=1; b=2; c=3;
2021-03-11 10:16:14
87
原创 JavaScript-02
JavaScript是一门客户端脚本语言JavaScript能做的客户端表单验证动态效果改变页面内容JavaScript的组成
2021-03-11 10:15:47
114
1
原创 JavaScript-01
今天开始学习响应式网页设计。主要学习JavaScript。响应式网页和一般网页的区别响应式网页可以根据屏幕的大小改变页面设计，对于电脑端，平板端和手机端可以使用同一套代码，更加方便快捷。一般网页要实现这样的功能，至少电脑端和手机端需要两套程序，这样页面可以做的更精美，但是工作量也会加大。一般来说，中小型企业采用的都是响应式网页设计，只有大企业才会采用两套代码，两个网页。首先说明我们用到的软件HBuilde X这是一款免费的轻量级软件，HBuilde X是HBuilde的最新版，图
2021-03-11 10:15:06
74
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人