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

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

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

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

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

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基础入门篇（二十四）—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基础入门篇（二十）—事件对象以及案例（二）

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

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

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

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

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

JS基础入门篇（六）— 数据类型

1.数据类型数据类型:我感觉就是对数据的种类进行分类.就好比把人分为儿童,青少年,中年,老年一样. 基础数据类型: Number(数字),String(字符串),Null(空),Undefined(未定义),Boolean(布尔值). 复合(复杂)数据类型 Object(对象) 2.字符串字符串:由成对的单引号或者双引号包起来的0个或多个字符组成的串字符串拼接:只要 + 的一边是字符串 ,那么就会做字符串拼接. <script> // "abcdef" // &qu…

JS基础速成（二）-BOM（浏览器对象模型）

.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.BOM(浏览器对象模型) 1.screen对象. console.log(screen); console.log(window.screen); console.log(screen.width); console.log(screen.height); console.log(screen.availHeight);//可用高度=screen-height-底部任…

JS基础入门篇（三）—使用JS获取页面中某个元素的4种方法以及之间的差别（一）

1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.getElementsByClassName("class名"); 3.通过元素标签去获取元素 document.getElementsByTagName("标签名"); 4.通过css选择器去获取元素 document.querySelectorAll("cs…