![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
@派大星@
菜鸟
展开
-
使用JS实现简单的图片切换功能
效果如图: 分析:首先为按钮添加单击响应事件,然后构造函数。 其实切换图片就是切换img标签src的属性,可以获取标签属性然后进行修改即可。 可以把属性值存放在一个数组中,通过数组的索引来获取。 附上相关代码: css部分代码: <style type="text/css"> *{ margin: 0; padding: 0; } #a{ margin: 50px auto; width: 500px; padding: 15px;原创 2020-06-29 09:29:44 · 1744 阅读 · 0 评论 -
DOM的相关的操作
1.DOM查询 通过具体的元素节点来查询 元素.getElementsByTagName() 通过标签名查询当前元素的指定后代元素 元素.childNodes 获取当前元素的所有子节点 会获取到空白的文本子节点 元素.children 获取当前元素的所有子元素 元素.firstChild 获取当前元素的第一个子节点 元素.lastChild 获取当前元素的最后一个子节点 元素.parentNode 获取当前元素的父元素 元素.previousSibling 获取当前元素的前一个兄弟节点 元素.nextSi原创 2020-06-26 18:08:55 · 123 阅读 · 0 评论 -
DOM简介
DOM: Document Object Model 文档对象模型,通过DOM可以来任意来修改网页中各个内容 文档: 文档指的是网页,一个网页就是一个文档 对象: 对象指将网页中的每一个节点都转换为对象 转换完对象以后,就可以以一种纯面向对象的形式来操作网页了 模型: 模型用来表示节点和节点之间的关系,方便操作页面 节点(Node): 节点是构成网页的最基本的单元,网页中的每一个部分都可以称为是一个节点。虽然都是节点,但是节点的类型却是不同的 常用的节点: 文档节点 (Document),代表整个网页 元素原创 2020-06-26 16:36:42 · 209 阅读 · 0 评论 -
一文学会JS中的字符串常用方法
JavaScript 字符串 字符串可以存储一系列字符,如 “hello world”。字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号。 字符串的索引从 0 开始,这意味着第一个字符索引值为 [0],第二个为 [1], 以此类推。 字符串可以是对象。 字符串属性: 字符串方法: 下面来举例几个最常用的方法: var str = "hello world"; console.log(str.length)//11 charAt()方法: console.log(str.charAt(1))原创 2020-06-17 21:56:23 · 125 阅读 · 0 评论 -
JS数组中的一些常用方法
使用字面量创建数组时,可以在创建时就指定数组中的元素 var arr = [1,2,3,4]; console.log(arr); //创建一个数组,数组中只有一个元素10 arr3 = [10]; console.log(arr3); //创建一个长度为10的数组 arr4 = new Array(10); console.log(arr4.length) </script> 使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构原创 2020-06-15 17:49:29 · 165 阅读 · 0 评论 -
js中的prototype原型对象
js中的原型对象 原型对象就相当于一个公共区域,所有同一类的实例都可以访问到这个原型对象。 我们可以将对象中的公共内容统一设置到原型对象中, 当我们访问对象的一个属性或者方法时,他会先在对象中寻找,如果有直接使用,没有就像原型中找。创建我们可以将对象中的公共内容统一设置到原型对象中,这样不用分别为每个对象添加也不会影响到全局作用域就可以使每个对象都具有这些属性和方法。 例1: <script> function Myclass(){ } //向原型中添加一个name属性原创 2020-06-14 20:43:06 · 94 阅读 · 0 评论 -
js中的函数和对象
1.对象(Object) 对象是JS中的引用数据类型 对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性 使用typeof检查一个对象时,会返回object 创建对象:两种方法 方式一: var obj = new Object(); 方式二: var obj = { 属性名:属性值, 属性名:属性值, 属性名:属性值, 属性名:属性值}; 向对象中添加属性 语法: 对象.属性名 = 属性值; 对象[“属性名”] = 属性值; 对象的属性名没有任何要求,不需要遵守标识符的规范, 但是在开发中,尽原创 2020-06-14 20:25:29 · 803 阅读 · 0 评论 -
JavaScript基础笔记总结
js的一些基础内容 概念:一门客户端脚本语言 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 脚本语言:不需要编译,直接就可以被浏览器解析执行了 功能: 可以来增强用户和HTML页面交互过程,可以来控制HTML元素,让页面有一些动态的效果,增强用户体验 总结一下自己学习js的基础内容: 数据类型:(共6种) 原始数据类型(基本数据类型) number:数字。整数,小数,NAN(一个不是数字的数字) string:字符串。 Boolean:true、false Null:一个对象原创 2020-06-14 20:14:55 · 100 阅读 · 0 评论