小全同学丶-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 849

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

2020-12-28 21:15:45 6966

原创 HTML5的几种存储方式

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

2020-12-24 21:56:16 818

原创 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; // 5 3 String方法 3.1 concat split concat() 合并

2020-12-23 21:03:59 242

原创 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 136

原创购物车

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

2020-12-21 21:50:08 176

原创 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 211

原创 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);//abc 2.2 length属性（字符串长度） var str="abc"; console.log(str.length);//5 2.3 数组下标 var str="abc"; console

2020-12-18 21:50:44 153 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 766

原创 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 922

原创数组去重的6种方法

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

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

原创 1.1-javascript概述

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

2020-12-14 16:47:12 251

z946541的博客