【JS基础入门篇（二十）—事件对象以及案例（二）】的更多相关文章

JS基础入门篇（十八）—日期对象

1.日期对象 日期对象: 通过new Date()就能创建一个日期对象,这个对象中有当前系统时间的所有详细信息. 以下代码可以获取当前时间: <script> var t = new Date(); console.log(t); console.log(typeof t); </script> 如果想不停打印当前的时间,可以看以下代码: <script> setInterval(function () { var t = new Date(); console.log…

JS基础入门篇（十二）—JSON和Math

1.JSON JSON: 对象格式的字符串 轻量的数据传输格式 注意事项: 键名 需要 使用 双引号 包起来 JOSN有两个方法:JSON.parse和 JSON.stringify. JSON.parse,将后台传来的字符串转化为对象.其字符串的内容就是对象才需要这个转. JSON.stringify,将后台传来的对象转化为字符串. <script> var book = '{"title": "Harry Potter","author&q…

JS基础入门篇（四十三）—ES6（二）

1.对象简洁表示法 原来写法 var name = "lzf"; var gender = "male"; var fn = function(){console.log(1);} var obj = { name:name, gender:gender, fn:fn, fn2:function(){ console.log(2) } }; console.log( obj ); obj.fn2(); obj.fn(); 简洁写法 var name = "…

JS基础入门篇（十）— 数组方法

1.join 作用: 将数组通过指定字符拼接成字符串.语法: string arr.join([separator = ',']);参数: separator可选,如果省略的话,默认为一个逗号.如果 seprator 是一个空字符串,那么数组中的所有元素将被直接连接.返回值: 拼接后的字符串. <script> var arr=[2,3,4,5]; console.log(arr.join());//"2,3,4,5" console.log(arr.join("…

JS基础入门篇（三十五）—面向对象（二）

如果没有面向对象这种抽象概念的小伙伴,建议先看一下我写的JS基础入门篇(三十四)-面向对象(一)…

JS基础入门篇（二十）—事件对象以及案例（二）

案例一.点击按钮,选中input中的全部内容 select()方法:选中全部. 点击按钮选中输入框中的内容!!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> input, button{ margin: 0; padding: 0; outli…

JS基础入门篇（二十七）—BOM

虽然上次写到js基础篇(二十四),这次直接写到(二十七).是为了提醒自己中间有几篇没写.特此说明一下啊. 1.window.open() 使用a标签呢,点击一下a标签页面才会跳转,有时候我们需要做的操作是,我们不点击,页面就跳转了.虽然这种例子我还没想到,但是就是有.…

JS基础入门篇（三十六）—面向对象（ 三 ）

1.class class es6 中 为 关键字用来声明 一个 类 1.只能通过new调用 2.不存在变量提升 3.多个方法之间直接书写,不需要,隔开 4.类的方法是直接定义在类的原型上的 5.定义在类中的方法不可枚举 6.Object.keys() 和 Object.values() 下面是详细解释 1.只能通过new调用 <script> //--------------- class ------------------ class Fn{} //Fn(); //直接调用会报错 var…

JS基础入门篇（二十四）—DOM（下）

1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ padding: 20px; } #wrap{ width: 100%; h…

JS基础入门篇（二十四）—DOM（上）

1.常用的节点类型,nodeType,attributes,childNodes. 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节点类型 node.nodeType(返回的是数字) 属性节点 元素.attributes(获取的是集合) 元素.attributes[0] 通过元素.childNodes获取子节点 childNodes 获取到的是一个集合 集合中 包含了 元素的 所有子节点 其中有 元素 子节点 ,注释,文本节点.…