得陇望蜀-优快云博客

原创 JS事件捕获

前面写过js的冒泡行为是子元素的行为依次向上传递的行为，而js事件的捕获，则刚好与之相反，是由祖先元素的行为依次向下传递，从而后代元素也有相同的行为示例如下：<div onclick="div()">我是父元素div<button>我是按钮</button></div> <script> var div = function() { alert("hello！"); }&

2020-06-24 11:52:32 1346

jquery简介jquery是当前最流行的JS插件库，就是封装大量代码到一个js文件中，需要时应用即可，大大缩减了代码量；类似于bootstrap和layui不同的是这两种是封装的css插件库。jquery选择器jquery选择器基于元素的id、类、属性、属性值等查找HTML元素，所有的选择器都以以美元符号"$"开头基本选择器基本选择器是jQuery中使用最频繁的选择器，它由id、类、元素名、多个选择符组成。选择器描述返回值实例#id根据输入的id查找元素单个元素$

2020-06-23 19:59:53 183

原创 JS String字符串方法(对象)详解

要学习字符串方法，首先要定义一个字符串：基本语法：var str = “字符串内容”；这样一个字符串就被定义完成了，可以进行接下来的学习了字符串方法：方法作用charAt()返回字符串中指定字符的位置(下标索引从0开始)concat()连接连个字符串indexOf()返回指定字符的下标号(下标索引从0开始)replace()替换掉指定的字符串slice()提取指定字符串片段split()将字符串分割成数组substr()从指定的

2020-06-09 19:18:43 225

原创 JS 事件的冒泡行为

大家想象一下冒泡的物理行为，就是向上浮动，js中的冒泡行为亦是如此，执行子元素的某个事件时，行为向上传递，父元素也执行相同的行为 (行为相同，执行函数可以不相同)语法格式：stopPropagation()实例：<body> <div id="div"> <button id="btn">按钮</button> </div> <script>

2020-06-08 09:41:07 274

转载 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 205

原创 JS BOM中window对象之定时设定

window 对象提供了一些定时器的方法，定时器可以在特定时间执行函数或表达式。window对象的setTimeout()方法可以设置定时器，用于在指定的毫秒( 注意：1000毫秒=1秒 )数后执行代码，其基本语法如下：语法格式：setTime(表达式,时间);第一个参数可以是一个包含JavaScript代码的字符串，也可以是一个函数，其值为要执行的代码。第二个参数为执行代码要等待的时间，单位为毫秒。语法格式：clearTimeout(timeID);参数为调用setTimeout()方法之

2020-06-01 17:01:29 304

原创 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 1200

原创 BOM中window对象之打开和关闭窗口

打开和关闭窗口window对象提供了 window.open()方法和 window.close()方法分别用于打开窗口和关闭窗口，使用window.open()方法即可打开一个新的窗口，并可以设置新窗口的 URL 、标题以及大小属性，window.open() 的基本语法为：window.open(URL , 窗口名字 , 特征 , 是否替换);第一个参数为新打开窗口的URl地址，如果为空，则打开页面为白板第二个参数为打开窗口的名字第三个参数为新窗口显示标准浏览器的特征，详情如下表第四个参

2020-05-31 20:38:10 642

原创 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 1401

原创 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 280

whtlife_20的博客