noteBook3.2-JS

Javascript在body中时，会在页面加载时执行；在head中时，会在被调用时执行，但是比页面初始加载早。放入head的代码是在页面加载前运行，放入body中的代码是在页面加载后运行。客户端脚本一班放在head中，用<!--    -->括起来，如果浏览器不支持脚本则调过不执行，也不会提示错误。

slice提取字符串的片断，并在新的字符串中返回被提取的部分

substring提取字符串中两个指定的索引号之间的字符

substr从起始索引号提取字符串中指定数目的字符

replace(/valuea/gi,valueb);正则表达式替换

事件：

onblur元素失去焦点

oncellchange数据源中数据发生变化

onchange对象或下拉表内容改变

onclick鼠标单击

oncontextmenu鼠标右键单击试图弹出上下文菜单

oncopy，oncut

//document上绑定自定义事件ondataavailable

document.addEventListener('ondataavailable',function (event) {alert(event.eventType);}, false);

ondatasetchanged，ondatasetcomplete

ondblclick双击

ondrag，ondragend拖拽与拖拽完成

onfocus获得焦点，onfocusin，onfocusout

onfinish结束（例"marquee"对象滚动条结束），onstart，onstop

onkeydown，onkeyup，onkeypress

onload，onunload（web页被卸载，窗口关闭）

onlosecapture失去鼠标捕获

onmousedown，onmouseenter，onmouseleave，onmousewheel

onmove，onmove.end

onresize

onscroll，onselect

onsubmit

*srcElement设置或返回激发事件的对象，event.srcElement.focus()

*return false;相当于终止符（取消默认动作）

*return true;相当于执行符（执行默认动作）

eval（）计算字符串，并执行里面的script语言

eval("x=10;y=20;document.write(x*y)");//200

document.write(eval("2+2"));//4

var x=10;

document.write(eval(x+17));//27

*Javascript支持try...catch(e)...finally，e为局部变量，name，number，message，description

isNaN()；判断是否为非数字，is not anumber，

Math函数，Math.PI,Math.sin()，。。。。

indexof("x"),x的索引，如果不存在x返回-1；

str.charat(r)

pop();删除并返回数组的最后一个元素

sort()从小到大排序

pow(x,y)返回x的y次幂

*escape()对字符串按url格式进行编码，unescape()解码

cookie

document.cookie="          ;        ;        "name,expires(有效期),damian(域名),path(路径名)

//

var expires = new Date();
expires.setTime(expires.getTime() + 3 * 30 * 24 * 60 * 60 * 1000);
/* 三个月 x 一个月当作 30 天 x 一天 24 小时
x 一小时 60 分 x 一分 60 秒 x 一秒 1000 毫秒 */
documents.cookie = 'name=rose;expires=' + expires.toGMTString();

//

<input type="text"placeholder="hello" required>;加上required表示不能为空，必填

!important 锁定颜色不被改变     "color=blue      !important"

<linkhref="fonts.googleapis.com/css?family=Lobster"rel="stylesheet" type="text/css">谷歌Lobster字体引用

Bootstrap辅助类框架

<link rel="stylesheet"href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css/>Bootstrap辅助类框架，情境背景色

button

class=btn-primary btn-info btn-dangerbtn-block(默认为块元素)，分别有各自的默认属性

text-primary，text-center

img-responsive

//响应式网格，根据屏幕宽度自行变化

<div class="row">

        <div class="col-xs-12 col-sm-6 col-md-3">3</div>

        <div class="col-xs-12 col-sm-6 col-md-3">3</div>

        <div class="col-xs-12 col-sm-6 col-md-3">3</div>

        <div class="col-xs-12 col-sm-6 col-md-3">3</div>

</div>

//

class=col-lg-*(>=1200px)

class=col-md-*(>=992px)

class=col-sm-*(>=768px)

class=col-xs-*（<768px）

*primary，info，danger，responsive，center，block

FontAwesome库

i之前表示斜体，现在这里用来指代图标

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

<i class="fa fa-address-book" aria-hidden="true"></i>

<i class="fa fa-thumbs-up" aria-hidden="true"></i>

<i class="fa fa-trash" aria-hidden="true"></i>

<i class="fa fa-info-circle" aria-hidden="true"></i>

.container与.container_fluid是bootstrap中的两种不同类型的外层容器，按照官方的说法，这两者的区别是：

.container 类用于固定宽度并支持响应式布局的容器。

.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

.well sidebar-nav为设定的内容创造一种视觉上的深度感，就是内陷框

WebKit, Blink, Edge

-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性

-o代表opera