PYTHON学习笔记-DAY-16
作業問題：
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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： request 对象和 response
- 下一篇： CORS-跨域资源共享 解决跨域问题