小全同学丶-CSDN博客

原创 js获取或设置html 内容、节点属性操作

获取或设置html 内容innerHtml 设置或获取位于对象起始和结束标签内的html<div id="one"> 欢迎 <h1>访问</h1></div>document.getElementById("one").innerHtml // 欢迎 <h1>访问</h1>innerText 设置或获取位于对象起始和结束标签内的文本<div id="one"> 欢迎 <h

2020-12-29 20:32:18 714

js获取元素标签的6种方法通过id获取document.getElementById(id); // 一个，获取到对象，获取不到 null通过class 获取document.getElementsByClassName(class);// 多个，获取到伪数组，获取不到空数组[]同过标签名 TagName获取document.getElementsByTagName(标签名);//多个，获取到伪数组，获取不到空数组[]通过name 属性获取document.getElemen

2020-12-28 21:15:45 6720

原创 HTML5的几种存储方式

HTML5的几种存储方式html5在引入webStorage之前，主要用cookies.web storagehtml5的webstorage 分两种：LocalStorage 和SessionStorage，两者的差别主要在生命周期不同。LocalStorageLocalStorage用于持久化的本地存储，存储资料在客户端（client）的浏览器上，除非主动删除数据，否则数据是永远不会过期的。LocalStorage使用键值对的方式进行存储，存储的方式只能是字符串。存储内容可以有图片、json

2020-12-24 21:56:16 752

原创 js字符串

js字符串讲解1.String 定义1.1 字面量方式var str="abcd";1.2 new String()方式var str=new String();2 String 访问和属性2.1 String 访问var str="abcde";console.log(str);str[0];2.2 length 字符串的长度var str="abcde";str.length; // 53 String方法3.1 concat splitconcat() 合并

2020-12-23 21:03:59 202

原创 js数组方法

js数组1.掌握数组的创建、遍历、常用的数组方法2.掌握数组元素的访问及数组的长度1.数组元素的访问2.数组的遍历3.数组方法4.数组的运用1 定义数组数组定义：一系列数据的集合。有序值的集合，数组的元素可以是任何数据类型。1.1 字面量方式★★★★var arr=[1,"a",true,undefined,null,function a(){} ];1.2 new Array() 方式★★★var arr1=new Array(); //创建一个空数组 == arr

2020-12-22 21:34:11 99

原创购物车

面向数据的操作自我总结：特重要// 对数据的操作全部根据id(唯一标识符)，来对数据的一系列操作// 每一次操作都和数据中的id唯一标识符离不开，要对数据进行操作的是// 根据id唯一标识符来操作，和id唯一标识符绑定起来注( jq 自己重新导入图片自己更改)网页代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view

2020-12-21 21:50:08 145

原创 jq 点名器

jq 点名器(可以参考我js点名器的)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jq

2020-12-20 20:21:14 167

原创 JavaScript字符串

JavaScript字符串1. 定义字符串1.1 字面量方式var str="abc";1.2 new String ( )方式var str=new String();2. String访问和属性2.1 String 访问var str="abc";console.log(str);//abc2.2 length属性（字符串长度）var str="abc";console.log(str.length);//52.3 数组下标var str="abc";console

2020-12-18 21:50:44 88 1

原创 js原生代码实现简单轮播图

1.先给最基本的样式，点击左右按钮的时候，图片开始动，切换css 样式display:none和display:block,达到基本的效果2.图片上面的小圆点，点击左右按钮绑定到一起、3.给每个小圆点添加点击事件4.鼠标移入图片区域停止自动轮播图5.离开图片区域开始轮播****<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>.

2020-12-17 19:08:36 706

原创 js 随机点名器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar

2020-12-16 17:41:53 840

原创数组去重的6种方法

数组去重 /* indexOf 有就返回下标没有返回-1(第一次出现的位置) lastIndexOf 有就返回下标没有返回-1（最后一次出现的位置） find 有就返回元素没有就返回 undefined findIndexOf 有就返回元素没有就返回 -1 */ /*第一种 indexOf*/ var arr=["a","b","a","b",

2020-12-16 17:27:39 118 1

原创 1.1-javascript概述

javascript发展JavaScript（简称“JS”），是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言，虽然然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看

2020-12-14 16:47:12 210

z946541的博客