qiannianhua
- 浏览: 18921 次
-
最新评论
-
liguangsong：
添加类的方法是addClass, removeClass
使用jQuery改变css样式 -
liguangsong：
整理代码块的格式不要有span标签，看着很乱
Angular JS---实现页面的跳转功能
文章列表
文本框事件
- 博客分类：
- JavaScript
文本框事件有很多，其中onChange和onSelect如下：
1、onChange事件，如下例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<input type="text" n ...
浮动，一个让我们既喜欢，又不喜欢的一种属性，怎么说呢？喜欢是因为，通过浮动，我们可以很方便的布局；不喜欢是因为，浮动之后遗留下来了太多的问题，比如这次编写网页就用到了浮动，也就出现了问题：
下面就来看看：
<div id="wrapper">
<div>first</div>
<div>second</div>
<div>third</div>
</div>
这时，就会：
a、当3个子div全 ...
从JSON文件中取数据
- 博客分类：
- JavaScript
在做订餐大师的时候，页面上显示的数据，会存到一个JSON文件里，那么如何从JSON文件里面取数据呢；
首先，可以从JSON文件里面直接取出数据，如下：
当JSON文件里面存放的数据为：
{"person":["赵大", "钱二", "张三", "李四", "王五", "刘六"]
}
需要注意的是，json文件中的数据必须是一个大的对象，对象里面的键或值都需要用双引号引起来；
然后，就可以从JSON文件里 ...
js事件表
- 博客分类：
- JavaScript
当我们单击一个链接或按钮时，会产生一个事件，告诉浏览器发生了需要进行处理的单击操作；
下面是一些我们经常用到的一些事件处理：
1、onBlur：用户从窗口或表单中移开输入焦点；
2、onChange：用户改变元素的值；
3、onClick：用户在表单元素或链接上单击；
4、onError：装载文档或图像时出错；
5、onFocus：用户在窗口或表单上聚焦；
6、onLoad：用户装载页面；
7、onMouseDown：用户按下一个鼠标键；
8、onMouseMove：用户移动光标；
9、onMouseOver：用户在连接上移动光标；
10、onM ...
JS内置对象的学习
- 博客分类：
- JavaScript
js是基于对象的简单程序；
下面来了解一些js的内部对象：
1、Array对象：它由一个名字和索引来组成；
定义数组方法如下：
var person = new Person("赵大", "钱二", "张三", "李四", "王五");
当然，也可以这样定义：
var person = new Person(5); //5为数组的长度
person既可以是存在的数组，也可以是一个新创建的对象；
...
使用js改变css的样式
- 博客分类：
- JavaScript
js修改CSS样式的方法：
document.getElementById("xx").style.xxx;
“xx”--为ID名; xxx--为属性名;
下面是css与js的属性比较：
盒子标签和属性对照
CSS语法（不区分大小写）JavaScript语法（区分大小写）
border border
border-bottom borderBottom
border-bottom-color borderBottom ...
使用jQuery改变css样式
- 博客分类：
- jQuery
我们在做订餐大师的时候需要修改CSS的样式，其实我们可以修改CSS类或直接修改元素的样式;
当然，修改元素的属性可以用很多种方法，其中使用jQuery可以让它变的及其简单;
下面我们来修改CSS的样式：css（）方法返回或设置匹配的元素的一个或多个样式属性;
1、首先引入jQuery文件：
<script type="text/javascript" src="/jquery/jquery.js"></script>
2、设置CSS样式：
<script type=& ...
CSS--float实现浮动
- 博客分类：
- Css
以前接触过那么一点CSS，对于浮动还是非常不了解的，不过通过这次做订餐大师了解了加上别人的一些讲解与分享，知道了：
一、以前都是把图像浮动，如下，把图像浮动在右侧：
img{
float:right;
}
二、其实我们也可以设置文字的浮动：
1、float的属性：
left---元素向左浮动;
right---元素向右浮动;
none---元素不浮动; ...
web存储数据的一些技巧
- 博客分类：
- AngularJs
今天看了一些有关网页页面存储的一写方法，下面是一些关于存储数据的几个技巧;
首先，Storage提供了访问特定域名下的会话存储和本地存储的一些功能，他们都可以添加、修改、和删除存储的数据项;
客户端存储数据：html5提供了两种方法;
1、localStorage：没有时间限制的数据存储，也就是说无论你是关闭了网页或者重新加载，他都会存在，不会消失;
1）存储数据：以键值对的形式存储;
localStorage.setItem('name',name);
2）取数据：取出指定该键的值;
localStorage.getItem( ...
CSS3---实现颜色的渐变
- 博客分类：
- Css
当我们设置页面的时候为了美观，在显示出来的页面颜色会从一中颜色过渡到另一种颜色，这就需要用CSS3的渐变来实现啦;
以前，我们总是通过插入图片的方法来实现这些效果，现在，通过使用CSS3渐变（gradients ...
Angular Js中每个页面的显示都需要三个要素：页面的代码，控制器和页面的URL;
当要在同一个页面上呈现不同的视图时，这就需要配置路由啦;
angular.js已经为我们封装了一个独立的路由工具ng-route;
ng-route是靠URL来改变显示的试图的。
1、首先在主页面中，嵌入模板视图：为当前路由把对应的视图模板载入到布局模板中：
<body>
<div ng-view> </div>
</body>
同时，在主页中定义一个Angul ...
JS---的函数调用
- 博客分类：
- JavaScript
函数是JS中最基本的构建成员；
使用函数，必须先定义，然后在脚本中调用它才可以；
1、函数的定义：函数的名称、函数的参数、函数运行的代码；
如下定义一个函数add：
function add(a,b){
return a+b;
}
函数的调用：
add(4,5); //9
2、定义全局变量和局部变量：
var a = 3; //全局变量
function sum(b){
var b = 4;
return b*b; //局部变量
}
3、可 ...
AngularJs---表达式
- 博客分类：
- AngularJs
Angular Js是由google创建的一种Javascript框架;
Angular Js表达式把数据绑定到Html页面，输出结果;
1、概念：
写在双大括号内{{ }};
当把数据绑定到Html页面是与ng-bind基本一样;
数据输出在写表达式的位置;
与js表达式差不多;
2、表达式书写
ng-app:定义一个应用程序;
ng-init:初始化应用程序的变量;
1）数字表达式：
<div ng-app="" ...
在ECMAScript中的构造函数可用来创建特定类型的对象，想Object和Array这样的原生构造函数，在运行是会自动出现在执行环境中。因此，可以创建自定义的构造函数，从而定义对象类型的属性和方法。
1、如下例子，使用构造函数创建原型对象：
function Person(name,age){
this.name=name;
this.age=age;
this.sayName = function(){alert(this.name)};
}
注意：
...
CSS标记速查--字体属性
- 博客分类：
- Css
CSS的字体属性主要包括字体族科、字体大小、字体风格、加粗字体以及英文字体的大小写转换。
1、设置字体--font-family：用于改变HTML标记或元素的字体，相当于HTML标记中font-face属性的功能;
语法：
font-family："字体1"，"字体2"，……
2、设置字号--font-size：字号也就是字体大小，用于修改字体显示的大小;
语法：
font-size：大小取值
取值范围：
绝对大小：xx-small | x-small | small | me ...