- 博客(10)
- 收藏
- 关注
原创 JS事件捕获
前面写过js的冒泡行为是子元素的行为依次向上传递的行为,而js事件的捕获,则刚好与之相反,是由祖先元素的行为依次向下传递,从而后代元素也有相同的行为 示例如下: <div onclick="div()"> 我是父元素div <button>我是按钮</button> </div> <script> var div = function() { alert("hello!"); } &
2020-06-24 11:52:32
1268
原创 jQuery简介及基本选择器
jquery简介 jquery是当前最流行的JS插件库,就是封装大量代码到一个js文件中,需要时应用即可,大大缩减了代码量;类似于bootstrap和layui不同的是这两种是封装的css插件库。 jquery选择器 jquery选择器基于元素的id、类、属性、属性值等查找HTML元素,所有的选择器都以以美元符号"$"开头 基本选择器 基本选择器是jQuery中使用最频繁的选择器,它由id、类、元素名、多个选择符组成。 选择器 描述 返回值 实例 #id 根据输入的id查找元素 单个元素 $
2020-06-23 19:59:53
155
原创 JS String字符串方法(对象)详解
要学习字符串方法,首先要定义一个字符串: 基本语法: var str = “字符串内容”; 这样一个字符串就被定义完成了,可以进行接下来的学习了 字符串方法: 方法 作用 charAt() 返回字符串中指定字符的位置(下标索引从0开始) concat() 连接连个字符串 indexOf() 返回指定字符的下标号(下标索引从0开始) replace() 替换掉指定的字符串 slice() 提取指定字符串片段 split() 将字符串分割成数组 substr() 从指定的
2020-06-09 19:18:43
164
原创 JS 事件的冒泡行为
大家想象一下冒泡的物理行为,就是向上浮动,js中的冒泡行为亦是如此,执行子元素的某个事件时,行为向上传递,父元素也执行相同的行为 (行为相同,执行函数可以不相同) 语法格式: stopPropagation() 实例: <body> <div id="div"> <button id="btn">按钮</button> </div> <script>
2020-06-08 09:41:07
229
转载 JS BOM addEventListener()方法
addEventListener() 方法用来向指定元素添加句柄 基本语法: addEventListener(event,function); 实例: <body> <button onclick="demo()">按钮</button> <script> function demo() { document.addEventListener("click",hello);
2020-06-01 22:22:21
162
原创 JS BOM中window对象之定时设定
window 对象提供了一些定时器的方法,定时器可以在特定时间执行函数或表达式。window 对象的setTimeout()方法可以设置定时器,用于在指定的毫秒( 注意:1000毫秒=1秒 )数后执行代码,其基本语法如下: 语法格式: setTime(表达式,时间); 第一个参数可以是一个包含JavaScript代码的字符串,也可以是一个函数,其值为要执行的代码。 第二个参数为执行代码要等待的时间,单位为毫秒。 语法格式: clearTimeout(timeID); 参数为调用setTimeout()方法之
2020-06-01 17:01:29
251
原创 JS BOM中window对象之关闭当前窗口window.close()
window.close()方法可以实现关闭窗口的功能,该方法没有任何参数其语法格式为: 语法格式: window.slose() 方法window.close()将关闭window指定的顶层浏览器窗口,某个窗口可以通过self.close()来关闭其自身。只有通过JavaScript代码打开的窗口才能够由JavaScript代码关闭 实例如下: 页面1:demo01.html <body> <h1>父窗口</h1> <button oncl
2020-06-01 08:37:25
1132
原创 BOM中window对象之打开和关闭窗口
打开和关闭窗口 window对象提供了 window.open()方法和 window.close()方法分别用于打开窗口和关闭窗口,使用window.open()方法即可打开一个新的窗口,并可以设置新窗口的 URL 、标题以及大小 属性,window.open() 的基本语法为: window.open(URL , 窗口名字 , 特征 , 是否替换); 第一个参数为新打开窗口的URl地址,如果为空,则打开页面为白板 第二个参数为打开窗口的名字 第三个参数为新窗口显示标准浏览器的特征,详情如下表 第四个参
2020-05-31 20:38:10
585
原创 javascript中定义数组的三种方法
1.常规方法 var myArray = new Array() myArray[0] = 元素1; myArray[1] = 元素2; myArray[2] = 元素3; 方法实例 var myArray = new Array() myArray[0] = '苹果'; myArray[1] = '梨'; myArray[2] = '橘子'; 2简洁方法 var myArray2 = new Array(元素1,元素2,元素3); 方法实例 var myArray2 = new Array('苹果','
2020-05-31 20:01:31
1337
原创 javascript创建对象的四种方式
javascript创建对象的四种方式 1.常用方式创建对象 var human = new Object();//通过内置对象Object创建对象 human.name = "小静";//为对象添加属性 human.age = 18;//为对象添加属性 human.sayHi = function () {//为对象添加方法 console.log("Hi~我是"+name+",今年"+age+"岁。"); } 2.
2020-05-30 19:52:29
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人