- 博客(16)
- 收藏
- 关注
RSS订阅原创 阻止冒泡,默认行为
阻止冒泡: <style> #box { width: 200px; height: 200px; background-color: red; } #bigbox { width: 300px; height: 300px; background-color: green; }
2022-04-14 21:02:56
108
原创 事件监听及委托
事件监听 //事件监听 //事件监听是对应的一个事件给到对应的元素 //可以通过添加事件监听器给到某个元素,来给他绑定事件 var div = document.getElementsByTagName('div')[0] //添加事件监听 参数一:事件名 参数2:对应执行方法 div.addEventListener('click', addFn) var addFn = function () {.
2022-04-14 20:59:14
259
原创 事件源对象
<button>按钮1</button> <!-- function里面可以使用arguments来获取参数数组 --> <script> document.getElementsByTagName('button')[0].onclick = function () { //获取参数,对应的arguments里面只有一个参数,这个参数类型为pointerEvent //poin.
2022-04-14 20:52:14
329
原创 事件:鼠标键盘的简单事件
<div id="box"></div> <form action="#" id="form"> <input type="text" id="input"> <button>提交</button> <textarea name="" id="textarea" cols="30" rows="10"></textarea> </form&..
2022-04-10 17:59:59
101
原创 DOM下
<div class="box" id="" name="boxName" inPut="zenjia"></div> <div id="box111"> <div id="box1111"> <p></p> </div> <p></p> <a href=""></a> ..
2022-04-10 17:56:29
69
原创 bom&dom简单总结
bom(browser object model)浏览器对象模型 常用对象:window window的子对象 document 文档对象,表示整个html文档的内容 location url,地址栏对象 获取地址的内容,属性: href 地址栏完整链接 host hostname主机名 pathname 文件路径 hash 锚点 port 端口号 protocol 协议 orgin 跨域 方法: assign:跳转方法 replace:替换url的方法 常见跳转方式: location直接赋值
2022-04-10 17:53:40
138
原创 DOM Document Object Model(文档对象模型)
dom利用js操作html和css 标签--元素节点 操作元素节点--element 属性--属性节点 操作属性节点--attribute 文本--文本节点 操作文本节点--text <div class='content' id = 'box'>dididi</div> //查 获取元素节点的方式 通过选择器获取 <script> //id选择器 var box=document.getElementB
2022-04-10 17:46:48
97
原创 bom&入门
BOM:浏览器对象模型-broswser bom是进行浏览器操作的 bom里面存在多个对象 bom实际进行操作浏览器是使用多个对象里面的属性以及相关方法 bom没有规范 所讲的都是浏览器共有属性 //window对象的属性对象: //window.(可以省略) // window.document(核心): 文档对象，让我们可以在js脚本中直接访问页面元素(DOM) // window.history(重要): 历史对象,包含窗口的浏览历史，可以实现后退 // window.loc
2022-04-10 17:44:43
87
原创 日期Date、对象Object、定时器
日期Date 1.Date对象 Date类型使用自UTC(Coordinated Universal Time,国际协调时间) 1970年1月1日午夜(零时)开始经过的毫秒数来保存日期。Date类型保存的日期能够精确到1970年1月1日之前或之后的 285616年. 2.Date对象的创建 使用new运算符和 Date构造函数. var date = new Date() //new 是 创建的意思,它实例化对象,并改变构造函数(Date())里的this指向 //创建的时间会获取电脑的本地时
2022-04-10 17:36:56
194
原创 简单递归体验
//自己调用自己,函数内部调用函数 // 1.明确对应要解决的问题 // 2.明确临界点 // 3.明确内部需要调用自己的函数 //递归调用的方式: // 1. 首先去找临界值，即无需计算，获得的值(一般是返回该值)。 // 2. 找这一次和上一次的关系(一般从后往前找) // 3. 假设当前函数已经可以使用，调用自身计算上一次的运行结果，再写出这次的运行结果。 // 例: 不用循环，计算0-100以内的数字和 function fn1(a,b){ var max .
2022-04-10 17:30:54
67
原创 Javascript数组
数组的定义: 数组即一组数据,可以存放多个数据类型(一般情况下是相同类型的数据) 数组可以容纳多个数据,如果数组里面没有数据就是一个空数组 定义一个数组: //数组的类型是object //1.使用new关键字定义 var arr = new Array();//声明一个空数组 var arr2 = new Array(3);//指定数组长度 var arr3 = new Array(1,2,3);//指定数组内的数据 //数组属性:length,下标 //2.使用[]直接进行定义 var arr
2022-04-10 17:27:20
647
原创 js函数(function)
函数其实就是抽取写好的js代码,作为一个通用的代码块 作用:减少代码冗余,方便调用(提高效率),便于维护 //js有哪些函数(带括号的就是函数) 1.系统函数 系统自带的函数例如:alert() 2.内置函数 Math.pow()//Math对象的内置函数 3.自定义函数 自己写的函数,先书写--后调用//没有调用是不会执行的 函数蛀牙依赖于function关键字进行定义,一般函数名以fn开头 //自定义函数的使用; //三种声明方式 1.第一种 function 函数名(参数1,参数2....
2022-04-10 17:19:28
3524
原创 字符串(String)
1.字符串的定义方式: //第一种 var str = '这是一个字符串' consol.log(typeof str);//string //第二种 var str = String('这是一个字符串') consol.log(typeof str);//string //第三种 var str = new String('这是一个字符串') consol.log(typeof str);//object 2.字符串的属性 length(字符串的length属性,只可以被获取,不能被改变)
2022-04-10 17:17:38
163
原创 JAVAScript运算符与逻辑分支
1.运算符 关系运算符 逻辑运算符 2.逻辑分支 单分支:if语句 多分支:if语句/switch语句 个人总结,不对线
2022-03-17 08:55:36
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人