Chtide-CSDN博客

原创 JavaScript与CSS交互

文章目录一、JavaScript与CSS交互？style属性隐藏元素修改className更改样式拖拽事件一、JavaScript与CSS交互？style属性通过元素的style属性，可以获取或修改元素的CSS样式原css样式为短横线命名法，在使用style属性时，需转换称小驼峰命名法如CSS中，字体大小为font-size, 使用style属性时，需改为fontSize隐藏元素修改className更改样式通过修改元素的所属类，并对不同的类设置相应样式，同样可达到更改样式的目的

2021-05-05 16:55:38 122

转载 DOM（三）

文章目录一、DOM事件绑定DOM0级事件和DOM2级事件区别事件传参常用事件二、使用步骤1.引入库2.读入数据总结提示：以下是本篇文章正文内容，下面案例可供参考一、DOM事件绑定DOM0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容HTML绑定JS绑定JS绑定事件时，不能加()，否则会在页面加载时立即执行可以绑定匿名函数DOM2级别：添加了两个监听方法来添加和移除事件处理程序addEventListener()removeEventListener()无法移除匿名添加

2021-05-05 16:47:53 77

原创 DOM对象

文章目录一、DOM对象模型1. 什么是DOM？2.Node节点3.访问元素属性二、练习提示：以下是本篇文章正文内容，下面案例可供参考一、DOM对象模型1. 什么是DOM？当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。DOM树：<html> <head> <title>这是标题</title> </head> <body> <div> <h

2021-04-14 13:08:52 176

原创 BOM对象

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、什么是BOM1.window对象2.window对象常用方法3.window对象常用属性4.location对象5.navigator对象6.screen对象7.history对象8.frames框架提示：以下是本篇文章正文内容，下面案例可供参考一、什么是BOMBOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行

2021-04-12 21:44:22 125

原创 JSON

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、什么是JSON？二、JSON语法规则一、什么是JSON？ JSON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，用于储存和传输数据的格式，通常用于服务端向网页传递数据。同时，JSON是javaScript的原生格式，在javaScript中处理JSON数据不需要任何特殊的API或工具包。JSON使用JavaScript语法，但是JSON格式仅仅是一个文本，可以被任何

2021-04-07 20:39:55 75

原创 String对象及其属性

文章目录一、String对象1.什么是String?2.String对象访问3.String对象的修改4.String对象的分割5.String对象常用方法6.String对象的截取7.String对象的截取8.String对象的合并一、String对象1.什么是String?String 对象用于存储和处理文本（字符串）var str = new String("Hello World")var str1 = "Hello world";str1.length2.String对象访问在

2021-04-07 20:39:27 455

原创二维数组

文章目录一、二维数组创建访问遍历向二维数组添加元素向二维数组删除元素位移元素数组排序数字排序总结一、二维数组二维数组的创建与访问创建var fruits = [["1", "Banana"], ["2", "Orange"]];var element = ["3", "Apple"];fruits[2] = element;访问fruits[0] // ["1", "Banana"]fruits[0][1] // "Banana"遍历for(var i in fruits){

2021-03-24 20:28:48 93

原创 Data对象与定时器

文章目录一、javaScript对象编程1.Date对象二、实践1.date使用2.定时器总结一、javaScript对象编程1.Date对象Data对象是用于处理时间和日期。其基本格式为：var myDate = new Date()date对象中有许多常用的方法二、实践1.date使用<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>&lt

2021-03-23 19:32:34 183

原创 Math对象与数组对象的使用

文章目录一、Math对象1.常用方法2.案例二、数组1.数组的创建总结一、Math对象1.常用方法Math对象的内置方法可以在不使用构造函数创建对象是直接调用。ceil(num1) 大于等于该数值的最小整数floor(num1) 小于等于该数值的最大整数min(num1,num2) 求两个数的最小值max(num1, num2) 求两个数的最大值pow(num1, num2) 求num1的num2次方random() 0-1的随机数但取不到1sqrt(num1) 开平方根2.案例代

2021-03-23 19:31:36 168

原创循环语句

文章目录循环语句1.while2.do...while3.for4.for...in总结循环语句循环语句有while、do…while 、for 、for…in 下面简单的介绍一下使用方法1.while<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <scr

2021-03-23 19:09:14 39

原创媒体查询

学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、搭建 Java 开发环境2、掌握 Java 基本语法3、掌握条件语句4、掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、周一至周五晚上 7 点—晚上9点2、周六上午 9 点-上午 11 点3、周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、技术笔记 2 遍2、CSDN 技术博客 3 篇

2021-03-11 10:27:26 58

原创 javascript变量和条件语句

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录JavaScript变量及数据类型二、使用步骤1.引入库2.读入数据总结JavaScript变量及数据类型1.变量 JS为弱类型语言，常用变量类型（字符串、数字、布尔值、对象等）都声明为var变量命名规则第一位必须是字母

2021-03-11 10:26:59 87

原创 javascript基本输入输出语句

学习目标：学习js的基本运用学习内容：1.了解js引用规则2.了解基本语法·输入与输出alert()创建一个警告对话框，参数内容为对话框文本例如：alert(“Hello World”);运行结果prompt()创建一个提示对话框，用于收集用户输入，参数一为提示框文本内容，参数二为输入框的默认值（参数二可选）例如：（不带参数二）prompt(“你的爱好”)运行结果prompt() (带参数二)prompt(“你的爱海”, “羽毛球”)运行结果了解控制台输出j

2021-03-08 12:40:08 1607 2

chdetective的博客