~Pitaya~569-CSDN博客

原创 JavaScript对象编程（六）

JavaScript对象编程（六）String对象什么是String对象String 对象用于存储和处理文本（字符串）创建String对象访问String对象的length属性类型检查只有对象才有属性和方法，那么我们可以访问字符串类型的属性和方法吗？由JS内部自动完成String对象访问在早期的JavaScript设计中，字符串被设计为一种只读的字符数组，因此，字符串可以用数组的访问方式访问其中的字符下标访问标准访问方式charAt()字符串的不可变性在 Java

2021-06-15 09:51:58 147

原创 JavaScript对象编程（五）

JavaScript对象编程（五）JSON对象什么是JSONJSON（JavaScript Object Notation）， JS对象表示法，是一种轻量级的数据交换格式使用JavaScript语法来描述数据对象，但是 JSON 仍然独立于语言和平台，可以被任何编程语言读取以及作为数据格式传递。是目前服务端与客户端交换数据中使用最为广泛的标准格式JS对象创建JS对象var table{ height:100, width:50, color:'red',}外层适

2021-06-15 09:51:34 55

原创 JavaScript对象编程（四）

JavaScript对象编程数组的方法（二）数组转字符串toString()把数组转换成数组值（逗号分隔）的字符串var fruits = ["Banana", "Orange", "Apple"];var str = fruits.toString() //str的值是“Banana,Orange,Apple”, 原数组fruits不变join()把数组转换为数组值（指定分隔符分隔）的字符串var fruits = ["Banana", "Orange", "Apple"];var

2021-06-15 09:50:59 112

原创 jQuery操作DOM

jQuery操作DOMjQuery操作DOMjOuery添加节点使用jQuery工厂函数$()可以创建HTML元素$(HTML标签)添加节点append()可以直接传入HTML代码可以添加多个元素原代码：<ul> <li>old</li></ul>所列方法的返回值均为原jQuery对象如$("ul").append("<li>new</li>")的返回值为$("ul")以上所列方法与前面所

2021-05-19 14:49:33 51

原创 jQuery基础

jQuery基础jQuery基础jQuery简介jQuery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互等。引入jQuery<script src="jouery.js"></script>本地应用使用CDN引用CDNCDN（Content Delivery Network），即内容分发网络，依靠部署在各地的边缘服务器，

2021-05-19 14:34:53 186

原创 JavaScript与CSS交互

JavaScript与CSS交互JavaScript与CSS交互style属性通过元素的style属性，可以获取或修改元素的CSS样式原css样式为短横线命名法，在使用style属性时，需转换称小驼峰命名法如CSS中，字体大小为font-size, 使用style属性时，需改为fontSize练习创建三个按钮，对应三种颜色，点击按钮时，将页面背景修改为对应颜色隐藏元素练习创建一段文本，文本下方放置两个按钮，点击按钮可隐藏/显示上方文本。分别尝试visibility和displa

2021-05-05 23:35:57 99

原创 DOM编程（三）

DOM编程（三）DOM事件绑定DOM0级别事件绑定DOM0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容HTML绑定JS绑定JS绑定事件时，不能加()，否则会在页面加载时立即执行可以绑定匿名函数DOM2级别事件绑定DOM2级别：添加了两个监听方法来添加和移除事件处理程序addEventListener()第一个参数为事件名，不加on第二个参数为函数名，不加引号第二个参数为函数名，不加括号(）可以绑定匿名函数removeEventListener()无法移除匿名

2021-05-05 23:14:10 105

原创 JavaScript对象编程（七）

JavaScript对象编程（七）正则表达式什么是正则表达式正则表达式（Regular Expression，简称为RegEx），是用来匹配一系列符合某个规则的字符串的表达式正则表达式独立于编程语言，几乎所有的编程语言甚至文字处理软件都支持正则表达式应用场景<a rel="nofollow" class="rshare-tb" target="_blank" href="https://www.taobao.com/" title="淘宝">投稿</a><a rel

2021-04-22 10:16:37 69

原创 BOM编程

BOM编程BOM对象模型什么是BOMBOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。BOM对象模型结构window对象BOM 的操作入口为 window 对象，即浏览器下的全局对象所有浏览器都支持 window 对象。它表示浏览器窗口一个html文档对应一个window对象控制浏览器窗口的window对象不需要创建对象，直接使用即可所有

2021-04-22 10:16:13 135

原创 DOM编程（一）

DOM编程DOM对象模型什么是DOM当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。DOM树：Node节点访问Node节点练习访问元素属性

2021-04-22 10:15:41 109

原创 DOM编程（二）

DOM编程（二）操作DOMDOM元素特性element.attributes返回元素的所有特性element.setAttribute(name,value)设置元素的指定特性element.getAttribute(name)获取元素的指定特性element.removeAttribute(name)删除元素的指定特性特性和属性的区别理论上，特性(attribute)与属性(property)是两个不同的概念，特性(attribute)是DOM元素的子节点，属性(property)

2021-04-22 10:15:07 41

weixin_55655463的博客