python学习第十六天

页面布局

主站布局

从上到下整个分成三段

 

后台管理布局

上面一部分，下面分成左右两部分，左侧菜单右侧内容，利用position:absolute + over-flow

background-radio 50% 设置圆形边框

 

图标

下载font awesome，将文件夹导入，引用时添加<link rel="stylesheet" herf="css文件路径">，后面直接将其中的css样式添加上去

 

switch(name) {

case "1":

     console.log(123);

     break;

case "2":

     console.log(456);

     break;

 

js函数类型

普通函数

function func() {}

匿名函数

function() {}

自执行函数

(function() {})()

 

js序列化

JSON.stringify(array)  将数组转换成字符串

JSON.parse(str) 将字符串转换成数组

default:

     console.log(999); 

}

 

转义

• decodeURI(url )                   将url中的中文转义回来
• decodeURIComponent( )       将url中的：和/连同中文一起转义回来
• encodeURI(url)                    将url中的中文转义成特殊格式
• encodeURIComponent( )       将url中的：和/连同中文一起转义
• escape( )                            对字符串转义
• unescape( )                         给转义字符串解码
• URIError                             由URl的编码和解码方法抛出

eval

执行表达式或代码并返回结果

 

获取时间

var d = new Date()

d.get* 获取时间的某个部分

d.set*  设置时间的某个部分

 

面向对象

function Foo（n）{

       this.name =n;  

原型 Foo.prototype = {

       'sayName'"function() {

       console.log(this.name)

}

}

}

 

var obj =new Foo('alex')

this代指对象，new实例化类

 

js词法分析

优先级 函数申明表达式 > 局部变量 >参数

 

 

placeholder=""  在输入框中显示该内容，直到获取到光标或移除光标时输入框中有用户输入

 

DOM   http://www.cnblogs.com/wupeiqi/articles/5643298.html

innerText  仅文本操作

innerHTML  全部内容

value   获取value的内容

selectIndex select标签索引值

样式操作

classList.add()

classList.remove()

.style.color =""

 

属性操作

.setAttribute("","") 设置属性

.removeAttribute("") 移除属性

.attribute 获取所有属性

.insertAdjacentHTML("beforeEnd",tag) 添加标签到指定位置  beforeBegin后一个兄弟标签  afterBegin前一个兄弟标签 beforeEnd 后一个子标签 afterEnd前一个子标签

.createElement("p")  创建指定标签

.appendChild(p)  添加标签到指定标签下

.submit 提交表单

alert  弹出提示框

confirm(123) 弹出确认框

location.herf  获取当前URL

location.herf =""  重定向

location.reload 刷新页面

setTimeout ("",) 指定时间执行

clearInterval() 清除定时器

 

addEventListener("时间",匿名函数，false)  false代表冒泡，从后往前显示执行结果，True代表捕捉，从前往后显示执行结果

this 代指引用事件的标签

onfocus  获取光标事件

onblur    移除光标事件

onmouseover  鼠标移入

onmouseout  鼠标移出