作業問題：
1. 寫頁面是覺得丑
float,clear:both,margin,padding
position:
left：

網上找模板
HTML模板，BootStrap
2. 背景圖片

HTML
一大堆的標簽：塊級、行內

CSS
position
background
text-align
margin
padding
font-size
z-index
over-flow
:hover
opacity
float (clear:both)
line-height
border
color
display

補充：頁面布局
主站—
<div class='pg-header'>
<div style='width:980px;margin:0 auto;'>
內容自動居中
</div>

</div>
<div class='pg-content'></div>
<div class='pg-footer'></div>
后臺管理布局：
position:
fiexd -- 永遠固定在窗口的某個位置
relative -- 單獨無意義
absolute -- 第一次定位，可以在指定位置，滾輪滾動時，不在了。。。。

a.
左側菜單跟隨滾動條
b.
左側以及上不不動 ******

JavaScript

6、for循環

for(var item in [11,22,33]){
console.log(item);
continue;
}

var arra = [11,22,32,3]
for(var i=0;i<arra.lenght;i=i+1){
break;
}

while(條件){


}
7、條件語句

if(){

}else if(){

}else{

}

==相等
===數值相等 類型相同

name='3';


switch(name){
case '1':
age = 123;
break;
case '2':
age = 456;
break;
default :
age = 777;
}

8. 函數
function func(arg){

return arg+1
}
var result = func(1)
console.log(result);

普通函數：
function func(){

}
匿名函數：

function func(arg){

return arg+1
}

setInterval("func()", 5000);

setInterval(function(){
console.log(123);

},5000)

自執行函數(創建函數并且自動執行)：
function func(arg){
console.log(arg);
}
// func(1)

(function(arg){
console.log(arg);
})(1)
9、序列化
JSON.stringify() 將對象轉換為字符串
JSON.parse() 將字符串轉換為對象類型

10、轉義
客戶端（cookie） =》 服務器端
將數據經過轉義后，保存在cookie

11、eval
python:
val = eval(表達式)
exec(執行代碼)
JavaScript:
eval
12、時間
Date類

var d = new Date()

d.getXXX 獲取
d.setXXX 設置

13、作用域
================================ 1. 以函數作為作用域 （let）================================

其他語言： 以代碼塊作為作用域
public void Func(){
if(1==1){
string name = 'Java';

}
console.writeline(name);

}
Func()
// 報錯

Python： 以函數作為作用域
情況一：
def func():
if 1==1:
name = 'alex'
print(name)

func()
// 成功
情況二：
def func():
if 1==1:
name = 'alex'
print(name)

func()
print(name)
// 報錯

JavaScript: 以函數作為作用域

function func(){
if(1==1){
var name = 'alex';
}
console.log(name);
}
func()

================================ 2. 函數的作用域在函數未被調用之前，已經創建 ================================

function func(){
if(1==1){
var name = 'alex';
}
console.log(name);
}

================= 3. 函數的作用域存在作用域鏈，并且也是在被調用之前創建 ==================
示例一：
xo = "alex";

function func(){
// var xo = 'eric';
function inner(){
// var xo = 'tony';
console.log(xo);
}

inner()
}

func()

示例二：
xo = "alex";

function func(){
var xo = 'eric';
function inner(){

console.log(xo);
}

return inner;
}

var ret = func()
ret()



示例三：
xo = "alex";

function func(){
var xo = 'eric';
function inner(){

console.log(xo);
}
var xo = 'tony';

return inner;
}

var ret = func()
ret()

================= 4. 函數內局部變量 聲明提前 ==================

function func(){
console.log(xxoo);
}

func();
// 程序直接報錯

function func(){
console.log(xxoo);
var xxoo = 'alex';
}
解釋過程中：var xxoo;

func();
// undefined

14、JavaScript面向對象

JavaScript面向對象
function foo(){
var xo = 'alex';
}

foo()



function Foo(n){
this.name = n;
this.sayName = function(){
console.log(this.name);
}
}

var obj1 = new Foo('we');
obj1.name
obj1.sayName()


var obj2 = new Foo('wee');
obj2.name
obj2.sayName()
==============》
a. this代指對象(python self)
b. 創建對象時, new 函數()


Python的面向對象：
class Foo:
def __init__(self,name):
self.name = name

def sayName(self):
print(self.name)

obj1 = Foo('we')

obj2 = Foo('wee')


原型：

function Foo(n){
this.name = n;
}
# Foo的原型
Foo.prototype = {
'sayName': function(){
console.log(this.name)
}
}


obj1 = new Foo('we');
obj1.sayName()

obj2 = new Foo('wee');

DOM
查找
直接查找
var obj = document.getElementById('i1')
間接查找
文件內容操作：
innerText 僅文本
innerHTML 全內容
value
input value獲取當前標簽中的值
select 獲取選中的value值（selectedIndex）
textarea value獲取當前標簽中的值

搜索框的示例
操作：
樣式操作：
className
classList
classList.add
classList.remove


obj.style.fontSize = '16px';
obj.style.backgroundColor = 'red';
obj.style.color = "red"


屬性操作：
attributes
getAttribute
removeAttribute

創建標簽，并添加到HTML中：
a. 字符串形式

b. 對象的方式
document.createElement('div')


提交表單
任何標簽通過DOM都可提交表單

document.geElementById('form').submit()

其他：
console.log()
alert
var v = confirm(信息) v:true false

location.href
location.href = "" # 重定向，跳轉
location.reload() # 頁面刷新
location.href = location.href < === > location.reload()


var o1 = setInterval(function(){}, 5000)
clearInterval(o1);

var o2 = setTimeout(function(){}, 50000);
clearTimeout(o2);

var obj = setInterval(function(){

}, 5000)

clearInterval(obj);

事件：
onclick，onblur，onfocus

行為 樣式 結構 相分離的頁面？
js css html

綁定事件兩種方式：
a. 直接標簽綁定 οnclick='xxx()' onfocus
b. 先獲取Dom對象，然后進行綁定
document.getElementById('xx').onclick
document.getElementById('xx').onfocus

this，當前觸發事件的標簽
a. 第一種綁定方式
<input id='i1' type='button' οnclick='ClickOn(this)'>

function ClickOn(self){
// self 當前點擊的標簽

}
b. 第二種綁定方式
<input id='i1' type='button' >
document.getElementById('i1').onclick = function(){

// this 代指當前點擊的標簽
}


作用域示例：
var myTrs = document.getElementsByTagName("tr");
var len = myTrs.length;
for(var i=0;i<len;i++){
// i=0,i=1,i=2
myTrs[i].onmouseover = function(){
this.style.backgroundColor = "red";
};

}


jQuery

轉載于:https://www.cnblogs.com/alleyyu/p/6099358.html

總結

以上是生活随笔為你收集整理的PYTHON学习笔记-DAY-16的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。