Day16-Javascript - 随笔分类 - momo8238

JavaScript绑定事件的方法[3种]

摘要：要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定"事件处理函数"。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：一. 在DOM元素中直接绑定一. 在DOM元素中直接绑定这里的DOM元素，可以阅读全文

posted @ 2017-08-31 12:09 momo8238 阅读(896) 评论(0) 推荐(0)

html dom与javascript的关系 -我们用JavaScript对网页（HTML）进行的所有操作都是通过DOM进行的

摘要：一，什么是DOM (参考源http://www.cnblogs.com/chaogex/p/3959723.html) DOM是什么 DOM全称为The Document Object Model，应该理解为是一个规范，定义了HTML和XML文档的逻辑结构和文档操作的编程接口。文档逻辑结构 DOM 阅读全文

posted @ 2017-08-31 08:48 momo8238 阅读(1784) 评论(0) 推荐(0)

HTML、 CSS、 JavaScript三者的关系 1

摘要：HTML、 CSS、 JavaScript三者的关系网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior） HTML —— 结构，决定网页的结构和内容（ “是什么”） CSS —— 表现（样式），设定网页的表现样式（ “什阅读全文

posted @ 2017-08-30 10:56 momo8238 阅读(2012) 评论(0) 推荐(0)

JavaScript词法分析解析

摘要：函数在调用之前，会进行词法分析或者叫语法分析： 1. 函数在形成调用的那一瞬间，会有一个活动对象叫 active object ，简称AO，会分析如下几条：形式参数函数内局部变量声明函数声明表达式如下面的实例：词法分析阶段 1.形式参数age. 会赋给AO对象， AO.age=undefi 阅读全文

posted @ 2017-08-30 10:45 momo8238 阅读(711) 评论(0) 推荐(0)

Dom事件的三种绑定方式

摘要：1.事件 2. onclick, onblur, onfocus, 需求：请写出一个行为，样式，结构，相分离的页面。 JS, CSS, HTML, 示例1，行为结构样式粘到一起的页面：如下为dom 0 的操作，是初级程序员的写法：（CSS剥离出来了，不过HTML和JS还是粘在一起的）高级写法是把阅读全文

posted @ 2017-08-29 17:36 momo8238 阅读(882) 评论(0) 推荐(0)

Dom样式操作-属性操作

摘要：1. 对样式进行操作： 1) 以样式（C1，C2等）为最小单位进行修改。 className, classList, (以列表形式获得) classList.add（"C2"）, classList.remove("C1") 2) 以某个样式作为单位进行修改。（可以只修改颜色/字体/背景等，可以只修阅读全文

posted @ 2017-08-29 15:03 momo8238 阅读(335) 评论(0) 推荐(0)

Dom选择器以及内容文本操作

摘要：1. DOM：文档对象模型。把整个HTML当做大的对象。每一个标签认为是一个对象。（每一个个体就是一个对象） 2. 查找：直接查找 var obj=document.getElementById("i1") 间接查找（1）文本内容操作 innerText; 获取文本内容，会把HTML标签自动过滤阅读全文

posted @ 2017-08-29 13:52 momo8238 阅读(938) 评论(0) 推荐(0)

JS作用域-面向对象

摘要：1. 其它语言是以代码块作为作用域的。下面程序会报错（如C，C++中），因为局部变量name只在{ }代码块中生效。打印console.writeline(name)中的name时就会报错。修改如下，才能正常运行： 2.Python：冒号+缩进作为一个代码块。在其它语言中是以代码块作为作用域的，在阅读全文

posted @ 2017-08-28 22:31 momo8238 阅读(198) 评论(0) 推荐(0)

eval以及时间操作

摘要：1. 在Python里面 val=eval(“1+1”) 只能执行简单的表达式，不能执行有逻辑性的代码。并且能拿到返回值。可以执行字符串的计算； exec() 执行代码；在JS里面：eval可以实现上述两种功能，相当于上面两个函数的合集。 2. 时间：通过new，类后面加个括号表示创建了一个对象。阅读全文

posted @ 2017-08-28 21:51 momo8238 阅读(433) 评论(0) 推荐(0)

JavaScript-序列化及转义

摘要：1. for循环； while循环； 2. 条件语句：类似于if else的功能。 name='1'; switch(name){ case:'1': console.log(123); break; case:'2': console.log(123) break; default: conso 阅读全文

posted @ 2017-08-28 16:17 momo8238 阅读(656) 评论(0) 推荐(0)

后台管理页面2

摘要：1，图标的网站 http://fontawesome.io/icons/ 2，下载图标的网站：http://fontawesome.io/ 拷贝到自己的程序的目录下面。 3. 这个是压缩版的font-awesome.min.css 这个是非压缩版的font-awesome.css 两个里面的内容其实阅读全文

posted @ 2017-08-28 15:34 momo8238 阅读(185) 评论(0) 推荐(0)

后台管理页面1

摘要：1. html:标签 2.CSS： position background text-align margin padding font-size z-index overflow hover opacity float(clear:both) line-height border color di 阅读全文

posted @ 2017-08-28 10:16 momo8238 阅读(298) 评论(0) 推荐(0)

img 和 background-image 优劣比较

摘要：一. 简单来说，img是内容部分的东西，css的background-image是修饰性的东西。 img 从页面元素来说，如果是页面中的图片是作为内容出现的，比如广告图片，比如产品图片，那么这个必然是用img了，因为这个是页面元素内容。页面元素内容最关键的一点就是，当页面没有样式的时候，还是能一眼看阅读全文

posted @ 2017-08-26 14:47 momo8238 阅读(8354) 评论(1) 推荐(2)

CSS中position属性( absolute | relative | static | fixed )详解

摘要：参考源：http://blog.csdn.net/chen_zw/article/details/8741365 我们先来看看CSS3 Api中对position属性的相关定义： Static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 Relati 阅读全文

posted @ 2017-08-25 14:23 momo8238 阅读(333) 评论(0) 推荐(0)

后台管理左侧菜单

摘要：看代码吧：运行结果：点谁谁就展开可以借助于 this 完成相同的功能。阅读全文

posted @ 2017-08-25 12:31 momo8238 阅读(1482) 评论(0) 推荐(0)

全选-反选-取消

摘要：1. .checked=false/true: 作用是给方形框勾上或者取消。 checkbox.checked=true; 表示勾选上了。代码如下：运行结果：实现了全选，取消，反选等多项功能。阅读全文

posted @ 2017-08-25 11:43 momo8238 阅读(383) 评论(0) 推荐(0)

Dom-直接 /间接选择器

摘要：Dom:Document Object Model的缩写，把html转换成了文本对象. 1. 直接选择器 1. 找到标签 document.getElementById('i1') 获取单个元素，因为ID是不可能重复的，所以只能找到一个元素。 document.getElementsByTagNa 阅读全文

posted @ 2017-08-25 11:07 momo8238 阅读(267) 评论(0) 推荐(0)

Javascript-基础2

摘要：1. Javascript 字符串里面的方法：示例： 2. 布尔类型（Boolean）布尔类型仅包含真假，与Python不同的是其首字母小写。true, false == 比较值相等 != 不等于比较值和类型相等 ! 不等于 || 或 && 且 3. 数组 JavaScript中的数组类似于P 阅读全文

posted @ 2017-08-24 21:49 momo8238 阅读(175) 评论(0) 推荐(0)

Javascript-基础1

摘要：1，变量： name="alex" #默认是全局变量 var name="eric" #局部变量 2. 写JS代码： html中写，临时文件可以写在浏览器的终端，检查--> console 3. 基本数据类型：数字，字符串，列表，字典，布尔类型。条件语句： for 循环： 4. 字符串转成数字类阅读全文

posted @ 2017-08-24 20:29 momo8238 阅读(155) 评论(0) 推荐(0)

初识Javascript

摘要：1. Javascript 是一门独立的编程语言，浏览器恰好就是一个Javascript的解释器。Javascript与Java 没有半毛钱关系。 Javascript代码一般存在于HTML中。Javascript的存在形式。（1）写在head 中；（2）写在js文件中,然后再导入一下就好了。阅读全文

posted @ 2017-08-24 17:32 momo8238 阅读(140) 评论(0) 推荐(0)

随笔分类 - Day16-Javascript