- 博客(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
90
原创 事件监听及委托
事件监听//事件监听 //事件监听是对应的一个事件给到对应的元素 //可以通过添加事件监听器给到某个元素,来给他绑定事件 var div = document.getElementsByTagName('div')[0] //添加事件监听 参数一:事件名 参数2:对应执行方法 div.addEventListener('click', addFn) var addFn = function () {.
2022-04-14 20:59:14
233
原创 事件源对象
<button>按钮1</button> <!-- function里面可以使用arguments来获取参数数组 --> <script> document.getElementsByTagName('button')[0].onclick = function () { //获取参数,对应的arguments里面只有一个参数,这个参数类型为pointerEvent //poin.
2022-04-14 20:52:14
277
原创 事件:鼠标键盘的简单事件
<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
81
原创 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
49
原创 bom&dom简单总结
bom(browser object model)浏览器对象模型常用对象:windowwindow的子对象document 文档对象,表示整个html文档的内容location url,地址栏对象获取地址的内容,属性:href 地址栏完整链接host hostname主机名pathname 文件路径hash 锚点port 端口号protocol 协议orgin 跨域方法:assign:跳转方法replace:替换url的方法常见跳转方式:location直接赋值
2022-04-10 17:53:40
94
原创 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
75
原创 bom&入门
BOM:浏览器对象模型-broswserbom是进行浏览器操作的bom里面存在多个对象bom实际进行操作浏览器是使用多个对象里面的属性以及相关方法bom没有规范 所讲的都是浏览器共有属性//window对象的属性对象://window.(可以省略)// window.document(核心): 文档对象，让我们可以在js脚本中直接访问页面元素(DOM) // window.history(重要): 历史对象,包含窗口的浏览历史，可以实现后退// window.loc
2022-04-10 17:44:43
63
原创 日期Date、对象Object、定时器
日期Date1.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
137
原创 简单递归体验
//自己调用自己,函数内部调用函数// 1.明确对应要解决的问题// 2.明确临界点// 3.明确内部需要调用自己的函数//递归调用的方式: // 1. 首先去找临界值，即无需计算，获得的值(一般是返回该值)。// 2. 找这一次和上一次的关系(一般从后往前找)// 3. 假设当前函数已经可以使用，调用自身计算上一次的运行结果，再写出这次的运行结果。// 例: 不用循环，计算0-100以内的数字和 function fn1(a,b){ var max .
2022-04-10 17:30:54
50
原创 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
625
原创 js函数(function)
函数其实就是抽取写好的js代码,作为一个通用的代码块作用:减少代码冗余,方便调用(提高效率),便于维护//js有哪些函数(带括号的就是函数)1.系统函数系统自带的函数例如:alert()2.内置函数Math.pow()//Math对象的内置函数3.自定义函数自己写的函数,先书写--后调用//没有调用是不会执行的函数蛀牙依赖于function关键字进行定义,一般函数名以fn开头//自定义函数的使用;//三种声明方式1.第一种function 函数名(参数1,参数2....
2022-04-10 17:19:28
3497
原创 字符串(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);//object2.字符串的属性length(字符串的length属性,只可以被获取,不能被改变)
2022-04-10 17:17:38
138
原创 JAVAScript运算符与逻辑分支
1.运算符关系运算符逻辑运算符2.逻辑分支单分支:if语句多分支:if语句/switch语句个人总结,不对线
2022-03-17 08:55:36
495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人