随笔分类 -  学习JavaScript

1
实现n秒之后跳转首页
摘要：这个功能主要用到JavaScript中的循环定时器和location的href跳转界面，下面是完成这个功能的步骤。 创建方法 改变秒数 设置循环定时器 循环结束跳转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met 阅读全文
posted @ 2022-04-03 09:30 权。 阅读(100) 评论(0) 推荐(0)
JavaScript Math
摘要：JavaScript Math（算数） 对象 Math（算数）对象的作用是：执行常见的算数任务。 在线实例 round()如何使用 round()。 random()如何使用 random() 来返回 0 到 1 之间的随机数。 max()如何使用 max() 来返回两个给定的数中的较大的数。（在 阅读全文
posted @ 2022-04-02 08:13 权。 阅读(72) 评论(0) 推荐(0)
JavaScript ＢＯＭ
摘要： 阅读全文
posted @ 2022-04-01 20:53 权。 阅读(27) 评论(0) 推荐(0)
JavaScript定时器
摘要： 阅读全文
posted @ 2022-04-01 20:31 权。 阅读(23) 评论(0) 推荐(0)
JavaScript正则表达式
摘要： 阅读全文
posted @ 2022-04-01 20:10 权。 阅读(19) 评论(0) 推荐(0)
原生js实现简单的省市联动菜单
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-04-01 19:56 权。 阅读(80) 评论(0) 推荐(0)
JavaScript数组
摘要：JavaScript Array（数组） 对象 数组对象的作用是：使用单独的变量名来存储一系列的值。 在线实例 创建数组, 为其赋值： 实例 var mycars = new Array();mycars[0] = "Saab";mycars[1] = "Volvo";mycars[2] = "BM 阅读全文
posted @ 2022-04-01 07:47 权。 阅读(48) 评论(0) 推荐(0)
JavaScript类的继承
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-03-31 21:01 权。 阅读(221) 评论(0) 推荐(0)
JavaScript date日期
摘要：avaScript Date（日期） 对象 日期对象用于处理日期和时间。 在线实例 如何使用 Date() 方法获得当日的日期。 getFullYear()使用 getFullYear() 获取年份。 getTime()getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 setF 阅读全文
posted @ 2022-03-30 21:10 权。 阅读(86) 评论(0) 推荐(0)
JavaScript string方法
摘要：avaScript 字符串（String） 对象 String 对象用于处理已有的字符块。 JavaScript 字符串 一个字符串用于存储一系列字符就像 "John Doe". 一个字符串可以使用单引号或双引号： 实例 var carname="Volvo XC60";var carname='V 阅读全文
posted @ 2022-03-29 19:36 权。 阅读(86) 评论(0) 推荐(0)
JavaScript类的定义和使用
摘要：JavaScript 类(class) 类是用于创建对象的模板。 我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。 每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化 阅读全文
posted @ 2022-03-29 15:26 权。 阅读(349) 评论(0) 推荐(0)
js实现表格变色
摘要：今天学习DOM了，使用dom实现表格换行变色和鼠标悬停变色 DOM对元素属性的操作1.getAttribute获取元素属性值 input.getAttribute('type')12.setAttribute给元素添加属性值（第一个参数是属性名，第二个参数是属性的值）必须两个参数 input.set 阅读全文
posted @ 2022-03-24 14:33 权。 阅读(360) 评论(0) 推荐(0)
js实现动态表格（添加删除）
摘要：<!DOCTYPE html> <html lang="en"> <head> <title>Table_Simple CSS for HTML tables</title> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文
posted @ 2022-03-23 20:36 权。 阅读(384) 评论(0) 推荐(1)
DOM简介
摘要：查找 HTML 元素 通常，通过 JavaScript，您需要操作 HTML 元素。 为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事： 通过 id 找到 HTML 元素 通过标签名找到 HTML 元素 通过类名找到 HTML 元素 通过 id 查找 HTML 元素 在 DOM 中查找 阅读全文
posted @ 2022-03-22 18:52 权。 阅读(76) 评论(0) 推荐(0)
DOM属性的操作
摘要：DOM对元素属性的操作1.getAttribute获取元素属性值 input.getAttribute('type')12.setAttribute给元素添加属性值（第一个参数是属性名，第二个参数是属性的值）必须两个参数 input.setAttribute("yes", "ok") //yes=o 阅读全文
posted @ 2022-03-21 21:54 权。 阅读(81) 评论(0) 推荐(0)
js事件
摘要：一般事件 共计10种 事件浏览器支持解说 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover 阅读全文
posted @ 2022-03-21 19:35 权。 阅读(41) 评论(0) 推荐(1)
js函数
摘要：JavaScript 函数语法 函数就是包裹在花括号中的代码块，前面使用了关键词 function： function functionname(){ // 执行代码} 当调用该函数时，会执行函数内的代码。 可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任 阅读全文
posted @ 2022-03-21 19:20 权。 阅读(49) 评论(0) 推荐(0)
JavaScript变量的使用
摘要：JavaScript 变量是存储数据值的容器。 var age ; //定义变量，只生命不赋值 变量的值是undefined age = 18 ; //给变量赋值 var name = '山西江银涛' ; //也可以直接赋值 给字符串赋值需要单引号或双引号 数字不用引号 一条语句，多个变量 您可以在 阅读全文
posted @ 2022-03-16 21:30 权。 阅读(127) 评论(0) 推荐(1)
JavaScript输入输出语句
摘要：prompt 弹出一个输入框 alert 弹出一个警示框 console 控制台输出 示例： 运行示例： 阅读全文
posted @ 2021-11-22 22:06 权。 阅读(449) 评论(0) 推荐(0)
JavaScript学习日记（1）
摘要：1、在标签中填写 onclick 事件调用函数时，不是 onclick=函数名， 而是 onclick=函数名+()，代码如下： <script> function myfunction(){ document.getElementById("demo").innerHTML="onclick事件触 阅读全文
posted @ 2021-11-22 20:24 权。 阅读(52) 评论(0) 推荐(0)

1