用Python 操作Web 前端 基础 2

一、 页面布局： 

　　1. 主站布局

　　2. 后台管理布局：

　　　　position属性： 1. fixed：永远只固定在一个位置

　　　　　　　　　　  2. relative： 单独无意义

　　　　　　　　　　  3. absolute： 第一次定位，在指定位置，当滚轮滚动的时候，不在指定位置。

二、 javascript 函数：

　　1. 普通函数： function（）{ 函数内容}

　　2. 匿名函数

　　3. 自执行函数

三、 javascript序列化及转义：

　　1. 将列表转换成字符串： JSON.stringify(li)

　　2. 将字符串转换成列表： Json. parse(str)

　　3. encode(URL) 转义

　　4. decode(URL)

　　5. escape（）对字符串转义

　　6. unescape（）给转义字符码解码

四、 eval 

　　1. python里：eval（表达式）把字符串转成运输过程；exec（执行代码）

　　2. javascript里： eval 兼具上面python的两个功能。 

五、 时间： 

　　date对象

　　getminutes 获取minutes

　　setminutes 设置minutes

六、 作用域

　　1.  其他语言，以代码块作为作用域，只在这一段代码内可以使用

　　2. JavaScript： 以函数为作用域；函数的作用域在函数调用之前已经创建；函数的作用域存在作用域链，并且在函数调用之前已经创建。

　　3. JavaScript函数内部的局部变量会有提前声明的作用。

七、Dom：文档操作模型；

　　1. 查找： 直接查找：document.getelementbyID()

　　　　　　 间接查找：Innertext 获取文本; innerHTML 获取链接; value;获取input的文本； select 获取选中的value的值；textarea获取文本内容；

　　　　　　class操作：className；classList.add;classList.remove;

　　　　　　属性操作：attributes;setAttribute(key,value); getAttribute(key);

　　　　　　其他操作：console.log输出框；alert弹出框；confirm确认框；

 　　　　 URL和刷新: location.href获取URL;location.href = "url"重定向; location.reload()重新加载;

  　　　　  定时器: setInterval多次定时器;clearInterval;清除多次定时器; setTimeout单次定时器;clearTimeout清除单次定时器;

 

八、事件：

　　　　绑定事件的两方法： 1. 直接标签绑定 onclick="xxxx()"; 2 获取dom对象之后然后绑定：document.getElementById("xx").onclick ;