随笔分类 -  原生JavaScript

上一页 1 2 3 下一页
javascript总结45: HTML DOM media 属性
摘要：定义和用法 media 属性设置或返回显示文档的设备。 对于样式信息而言，目标媒介非常重要。移动设备和桌面计算机的样式可能是不同的。 实例 阅读全文
posted @ 2018-05-09 22:15 前端邢晋宇 阅读(150) 评论(0) 推荐(0)
javascript总结44: DOM对象的dataset属性方式
摘要：1 DOM设置属性的特殊方式: DOM对象的dataset属性方式获取data-xxx方式定义的属性 由于我们经常需要在标签上自定义属性来存储数据或状态,但是如果用传统的方式操作起来比较繁琐,而且不熟悉html规范的人,很容易把自定义的属性和html规范的属性混淆.为了更加方便,高效的实现这个需求, 阅读全文
posted @ 2018-05-08 12:06 前端邢晋宇 阅读(1651) 评论(0) 推荐(0)
javascrip总结43:标签上自定义属性的操作
摘要：1 获取标签属性 语法: element.getAttribute('属性名') 返回对应属性的值 ,如果没有返回null. 2 设置自定义属性的值语法: element.setAttribute('属性名', '属性的值') 返回undefined 3 移除自定义属性的值 语法: element. 阅读全文
posted @ 2018-05-08 12:01 前端邢晋宇 阅读(234) 评论(0) 推荐(0)
javascrip总结42:属性操作案例: 点击盒子,改变盒子的位置和背景颜色
摘要：Title 阅读全文
posted @ 2018-05-08 11:56 前端邢晋宇 阅读(457) 评论(0) 推荐(0)
javascript总结41:表格全选反选,经典案例详解
摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px 阅读全文
posted @ 2018-05-08 11:53 前端邢晋宇 阅读(283) 评论(0) 推荐(0)
javascript总结40:DOM中操作样式的两种方式
摘要：1 DOM中操作样式的两种方式 1 通过元素的style属性 注意: 通过style属性设置样式时,css中要写单位的属性,在js代码中也要加单位 2 通过元素的className属性 阅读全文
posted @ 2018-05-08 11:50 前端邢晋宇 阅读(175) 评论(0) 推荐(0)
javascript总结39:DOM 中常用的表单元素的属性
摘要：1 常用操作元素: value 用于大部分表单元素的内容获取(option除外) type 可以获取input标签的类型(输入框或复选框等) disabled 禁用属性 checked 复选框选中属性 selected 下拉菜单选中属性 value 用于大部分表单元素的内容获取(option除外) 阅读全文
posted @ 2018-05-08 11:39 前端邢晋宇 阅读(195) 评论(0) 推荐(0)
javascript总结39: 元素获取的常见问题
摘要：1 定义id属性的元素,不获取直接使用 由于id名具有唯一性，部分浏览器支持直接使用id名访问元素，但不是标准方式，生产环境下不推荐使用。 2 元素是对象 获取到的元素是DOM对象 ,DOM对象也有数据类型之分 3 获取页面元素的其他方式 1 根据name属性获取元素 (有兼容问题,不同的浏览器实现 阅读全文
posted @ 2018-05-08 11:05 前端邢晋宇 阅读(235) 评论(0) 推荐(0)
javascript总结38: 神奇的this
摘要：1 this的特性 this 是在函数中的 this 的指向 是在函数调用的时候决定的 this的指向. 谁调用这个函数,函数中的this就指向谁 2 与this相关的new关键字 new 做的四件事情: 1. 在内存中创建了一个新的空对象 2. new 调用了这个函数 3. new 让函数中的th 阅读全文
posted @ 2018-05-08 10:58 前端邢晋宇 阅读(109) 评论(0) 推荐(0)
javascript总结37:DOM:innerText 和 innerHTML
摘要：innerText 和 innerHTML 作用: 给双标签的元素设置内容/获取双标签里面的内容 不同点: innerText 只是用于获取文本或设置文本 innerHTML 不仅可以用于设置/获取文本,还可以识别html 相同点: 如果是赋值的话,都会覆盖元素内本身的内容 注意: 这两个是用于双标 阅读全文
posted @ 2018-05-08 10:44 前端邢晋宇 阅读(190) 评论(0) 推荐(0)
javascript总结36:DOM-点击按钮切换图片案例
摘要：Title 点击切换 阅读全文
posted @ 2018-05-08 09:48 前端邢晋宇 阅读(330) 评论(0) 推荐(0)
javascript总结35:DOM之给a注册点击事件, 阻止a标签的默认行为
摘要：给a注册点击事件时,有默认行为,阻止默认行为的方式: retrun false 阅读全文
posted @ 2018-05-08 09:45 前端邢晋宇 阅读(303) 评论(0) 推荐(0)
javascript总结34 :DOM之节点元素获取
摘要：常用节点元素获取: 1. 获取 html -- > document.documentElement 2. 获取 body -- > document.body 3. 获取指定的元素 --> document.getElementById('id名') //返回对应的元素 4. 获取页面中某一类型的 阅读全文
posted @ 2018-05-08 09:43 前端邢晋宇 阅读(151) 评论(0) 推荐(0)
js总结33 :javascript-DOM节点属性
摘要：1 设置节点属性三个方法: 获取：getAttribute(名称) 设置：setAttribute(名称, 值) 删除：removeAttribute(名称) 举个例子: 阅读全文
posted @ 2018-04-26 15:45 前端邢晋宇 阅读(140) 评论(0) 推荐(0)
js教程系列32 :javascript-DOM节点操作
摘要：1 DOM节点操作 1.1 创建节点 createElement() var createDiv = document.createElement("div"); 1.2 插入子节点appendChild（） appendChild() 方法向节点添加最后一个子节点 -insertBefore(插入 阅读全文
posted @ 2018-04-26 15:34 前端邢晋宇 阅读(172) 评论(0) 推荐(0)
javascript总结31 :DOM概述
摘要：1 JavaScript 三个组成部分 核心（ECMAScript）欧洲计算机制造商协会 描述了JS的语法和基本对象。 文档对象模型（DOM） 处理网页内容的方法和接口 浏览器对象模型（BOM） 与浏览器交互的方法和接口 2 DOM (文档对象模型) DOM 为文档提供了结构化表示，并定义了如何通过 阅读全文
posted @ 2018-04-26 15:07 前端邢晋宇 阅读(135) 评论(0) 推荐(0)
javascript总结30 :DOM事件
摘要：事件: 1 在js中可以说一整套事件能完成一个功能； 事件的定义：当什么时候执行什么事； 使用事件的基本结构：事件源+事件类型=执行的指令 2 事件三要素:事件源 事件类型, 驱动程序(匿名函数). 举例:我拿喇叭 说话 喇叭录音. 3 常见的事件有: 4 代码实例 阅读全文
posted @ 2018-04-26 14:29 前端邢晋宇 阅读(149) 评论(0) 推荐(0)
javascript总结29 :递归与回调函数
摘要：1 递归函数 -递归的实质就是函数自己调用自己。 -递归注意点：递归必须有跳出条件，否则是死循环。 -案例:用递归求1+100和。 2 回调函数 -回调函数:函数作为参数进行传递和使用。 阅读全文
posted @ 2018-04-26 11:41 前端邢晋宇 阅读(210) 评论(0) 推荐(0)
javascript总结28 :匿名函数
摘要：1 匿名函数 2 匿名函数作用 阅读全文
posted @ 2018-04-26 11:19 前端邢晋宇 阅读(127) 评论(0) 推荐(0)
javascript总结27 :特殊引用类型String/Number/Boolean
摘要：为了方便操作基本数据类型，JavaScript还提供了三个特殊的引用类型：String/Number/Boolean 1 Number 例如： var s1 = "zhangsan"; var s2 = s1.substring(5); s1是基本类型，基本类型是没有方法的 当调用s1.substr 阅读全文
posted @ 2018-04-26 10:59 前端邢晋宇 阅读(169) 评论(0) 推荐(0)

上一页 1 2 3 下一页