整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
先必須要說的是，this的指向在函數(shù)定義的時候是確定不了的，只有函數(shù)執(zhí)行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調(diào)用它的對象（這句話有些問題，后面會解釋為什么會有問題，雖然網(wǎng)上大部分的文章都是這樣說的，雖然在很多情況下那樣去理解不會出什么問題，但是實際上那樣理解是不準確的，所以在你理解this的時候會有種琢磨不透的感覺），那么接下來我會深入的探討這個問題。
為什么要學(xué)習(xí)this？如果你學(xué)過面向?qū)ο缶幊?，那你肯定知道干什么用的，如果你沒有學(xué)過，那么暫時可以不用看這篇文章，當然如果你有興趣也可以看看，畢竟這是js中必須要掌握的東西。
例子1：
function a(){
var user="追夢子";
console.log(this.user); //undefined
console.log(this); //Window
}
a();按照我們上面說的this最終指向的是調(diào)用它的對象，這里的函數(shù)a實際是被Window對象所點出來的，下面的代碼就可以證明。
function a(){
var user="追夢子";
console.log(this.user); //undefined
console.log(this); //Window
}
window.a();和上面代碼一樣吧，其實alert也是window的一個屬性，也是window點出來的。
例子2：
var o={
user:"追夢子",
fn:function(){
console.log(this.user); //追夢子
}
}
o.fn();這里的this指向的是對象o，因為你調(diào)用這個fn是通過o.fn()執(zhí)行的，那自然指向就是對象o，這里再次強調(diào)一點，this的指向在函數(shù)創(chuàng)建的時候是決定不了的，在調(diào)用的時候才能決定，誰調(diào)用的就指向誰，一定要搞清楚這個。
其實例子1和例子2說的并不夠準確，下面這個例子就可以推翻上面的理論。
如果要徹底的搞懂this必須看接下來的幾個例子
本文出處：追夢子博客
例子3：
var o={
user:"追夢子",
fn:function(){
console.log(this.user); //追夢子
}
}
window.o.fn();這段代碼和上面的那段代碼幾乎是一樣的，但是這里的this為什么不是指向window，如果按照上面的理論，最終this指向的是調(diào)用它的對象，這里先說個而外話，window是js中的全局對象，我們創(chuàng)建的變量實際上是給window添加屬性，所以這里可以用window點o對象。
這里先不解釋為什么上面的那段代碼this為什么沒有指向window，我們再來看一段代碼。
var o={
a:10,
b:{
a:12,
fn:function(){
console.log(this.a); //12
}
}
}
o.b.fn();這里同樣也是對象o點出來的，但是同樣this并沒有執(zhí)行它，那你肯定會說我一開始說的那些不就都是錯誤的嗎？其實也不是，只是一開始說的不準確，接下來我將補充一句話，我相信你就可以徹底的理解this的指向的問題。
情況1：如果一個函數(shù)中有this，但是它沒有被上一級的對象所調(diào)用，那么this指向的就是window，這里需要說明的是在js的嚴格版中this指向的不是window，但是我們這里不探討嚴格版的問題，你想了解可以自行上網(wǎng)查找。
情況2：如果一個函數(shù)中有this，這個函數(shù)有被上一級的對象所調(diào)用，那么this指向的就是上一級的對象。
情況3：如果一個函數(shù)中有this，這個函數(shù)中包含多個對象，盡管這個函數(shù)是被最外層的對象所調(diào)用，this指向的也只是它上一級的對象，例子3可以證明，如果不相信，那么接下來我們繼續(xù)看幾個例子。
var o={
a:10,
b:{
// a:12,
fn:function(){
console.log(this.a); //undefined
}
}
}
o.b.fn();盡管對象b中沒有屬性a，這個this指向的也是對象b，因為this只會指向它的上一級對象，不管這個對象中有沒有this要的東西。
還有一種比較特殊的情況，例子4：
var o={
a:10,
b:{
a:12,
fn:function(){
console.log(this.a); //undefined
console.log(this); //window
}
}
}
var j=o.b.fn;
j();這里this指向的是window，是不是有些蒙了？其實是因為你沒有理解一句話，這句話同樣至關(guān)重要。
this永遠指向的是最后調(diào)用它的對象，也就是看它執(zhí)行的時候是誰調(diào)用的，例子4中雖然函數(shù)fn是被對象b所引用，但是在將fn賦值給變量j的時候并沒有執(zhí)行所以最終指向的是window，這和例子3是不一樣的，例子3是直接執(zhí)行了fn。
this講來講去其實就是那么一回事，只不過在不同的情況下指向的會有些不同，上面的總結(jié)每個地方都有些小錯誤，也不能說是錯誤，而是在不同環(huán)境下情況就會有不同，所以我也沒有辦法一次解釋清楚，只能你慢慢地的去體會。
構(gòu)造函數(shù)版this：
function Fn(){
this.user="追夢子";
}
var a=new Fn();
console.log(a.user); //追夢子這里之所以對象a可以點出函數(shù)Fn里面的user是因為new關(guān)鍵字可以改變this的指向，將這個this指向?qū)ο骯，為什么我說a是對象，因為用了new關(guān)鍵字就是創(chuàng)建一個對象實例，理解這句話可以想想我們的例子3，我們這里用變量a創(chuàng)建了一個Fn的實例（相當于復(fù)制了一份Fn到對象a里面），此時僅僅只是創(chuàng)建，并沒有執(zhí)行，而調(diào)用這個函數(shù)Fn的是對象a，那么this指向的自然是對象a，那么為什么對象a中會有user，因為你已經(jīng)復(fù)制了一份Fn函數(shù)到對象a中，用了new關(guān)鍵字就等同于復(fù)制了一份。
除了上面的這些以外，我們還可以自行改變this的指向，關(guān)于自行改變this的指向請看JavaScript中call,apply,bind方法的總結(jié)這篇文章，詳細的說明了我們?nèi)绾问謩痈膖his的指向。
更新一個小問題當this碰到return時
function fn()
{
this.user='追夢子';
return {};
}
var a=new fn;
console.log(a.user); //undefined再看一個
function fn()
{
this.user='追夢子';
return function(){};
}
var a=new fn;
console.log(a.user); //undefined再來
function fn()
{
this.user='追夢子';
return 1;
}
var a=new fn;
console.log(a.user); //追夢子function fn()
{
this.user='追夢子';
return undefined;
}
var a=new fn;
console.log(a.user); //追夢子什么意思呢？
如果返回值是一個對象，那么this指向的就是那個返回的對象，如果返回值不是一個對象那么this還是指向函數(shù)的實例。
function fn()
{
this.user='追夢子';
return undefined;
}
var a=new fn;
console.log(a); //fn {user: "追夢子"}還有一點就是雖然null也是對象，但是在這里this還是指向那個函數(shù)的實例，因為null比較特殊。
function fn()
{
this.user='追夢子';
return null;
}
var a=new fn;
console.log(a.user); //追夢子知識點補充：
1.在嚴格版中的默認的this不再是window，而是undefined。
2.new操作符會改變函數(shù)this的指向問題，雖然我們上面講解過了，但是并沒有深入的討論這個問題，網(wǎng)上也很少說，所以在這里有必要說一下。
function fn(){
this.num=1;
}
var a=new fn();
console.log(a.num); //1為什么this會指向a？首先new關(guān)鍵字會創(chuàng)建一個空的對象，然后會自動調(diào)用一個函數(shù)apply方法，將this指向這個空對象，這樣的話函數(shù)內(nèi)部的this就會被這個空的對象替代。
2017-09-15 11:49:14
注意: 當你new一個空對象的時候,js內(nèi)部的實現(xiàn)并不一定是用的apply方法來改變this指向的,這里我只是打個比方而已.
if (this===動態(tài)的\可改變的) return true;
原文：https://www.cnblogs.com/pssp/p/5216085.html
作者：追夢子
介
HTML 是什么？
htyper text markup language 即超文本標記語言。
超文本: 就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
標記語言: 標記（標簽）構(gòu)成的語言。
什么是標簽:
是由一對尖括號包裹的單詞構(gòu)成 例如: <html> *所有標簽中的單詞不可能以數(shù)字開頭.
標簽不區(qū)分大小寫.<html> 和 <HTML>. 推薦使用小寫.
標簽分為兩部分: 開始標簽<a> 和 結(jié)束標簽</a>. 兩個標簽之間的部分 我們叫做標簽體.
有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉和標簽.例如: <br/><hr/><input/><img/>
標簽可以嵌套.但是不能交叉嵌套. <a><b></a></b>
標簽的屬性:
通常是以鍵值對形式出現(xiàn)的. 例如 name="nick"
屬性只能出現(xiàn)在開始標簽 或 自閉和標簽中.
屬性名字全部小寫. *屬性值必須使用雙引號或單引號包裹 例如 name="nick"
如果屬性值和屬性名完全一樣.直接寫屬性名即可. 例如 readonly
HTML5基本結(jié)構(gòu):
將HTML4中的DTD定義為如下結(jié)構(gòu)即可，其他不變。
<!DOCTYPE HTML>
HTML5支持的兩種指定頁面使用的字符集的方式:
使用Content-Type指定字符集
<meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>
直接使用charset指定字符集
<meta charset="UTF-8">
<head> 標簽
<title>
<title>Title</title>
<base/>
標簽為頁面上的所有鏈接規(guī)定默認地址或默認目標。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<base href="http://p_w_picpaths.cnblogs.com/cnblogs_com/suoning/845162/"/>
<base target="_blank" />
</head>
<body>
<img src="o_s.png" alt="圖片加載失敗。。。"/>
<a href="http://cnblogs.com/suoning/">nick blogs</a>
</body>
</html>
# 上面這段代碼中，<img>標簽的src屬性是一個相對路徑，因為<head>中通過base標簽設(shè)置了鏈接的默認地址，
所以img的src實際的地址是“http://p_w_picpaths.cnblogs.com/cnblogs_com/suoning/845162/o_s.png”。
同樣的，<a>中只是指定了href，并未指定target屬性，所以也會使用base中設(shè)置的target屬性的值。
<link/>
引用外部文檔，常見于引用外部樣式。重要屬性有三個：rel、href、type。
rel 規(guī)定文檔與被鏈接文檔之間的關(guān)系。
rel="dns-prefetch" 預(yù)先解析緩存文檔中使用的域名，目的是為了提高網(wǎng)頁訪問速度。使用場景：在一個網(wǎng)頁頻繁使用其他域名資源時。
rel="shortcut icon"或rel="icon" 在收藏和標題欄上用于顯示的圖標。示例：<link rel="icon" href="http://p_w_picpaths.cnblogs.com/cnblogs_com/suoning/845162/o_s.png">。注意：IE瀏覽器只支持ico格式，為了兼容IE，圖片文件采用ico格式。
rel="stylesheet" 引用外部樣式表。
rel="nofollow" 用于指示搜索引擎不要追蹤（爬蟲抓?。?，減少垃圾鏈接。用于<a>標簽，使用場景：網(wǎng)頁不被信任或是不希望唄搜索引擎錄入的網(wǎng)站。
href 資源的路徑（相對路徑/絕對路徑）。
type 規(guī)定被連接文檔的MIME類型，用于明確文件的打開方式。例如：.ico文件 p_w_picpath/x-icon。
<meta/>
定義關(guān)于HTML文檔的元數(shù)據(jù)。 重要的屬性有三個：http-equiv、name、content
http-equiv 把content屬性值關(guān)聯(lián)到http頭部。
Content-Type（瀏覽器接受的文檔類型，一般是text/html）
refresh（網(wǎng)頁刷新，以秒為單位）
expires（設(shè)定網(wǎng)頁到期時間，一旦過期，必須到服務(wù)器上重傳）
<meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>
<meta http-equiv="Refresh" content="2">
<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">
<meta http-equiv="expires" content="6 Jun 2016"/>
name 把content屬性關(guān)聯(lián)到一個名稱。
keywords（搜索關(guān)鍵字，用于搜索引擎抓取信息的顯示）
description（搜索到網(wǎng)站后顯示的網(wǎng)頁內(nèi)容簡描述）
author（站點制作者信息）
generator（用以說明生成工具）
name也可以根據(jù)特定的功能自定義，在新浪網(wǎng)中有使用360認證和搜狐認證（<meta name="360-site-verification"content="63349**********"/>、<meta name="sogou_site_verification"content="BVI*******"/>）。
<meta name="keywords" content="搜索關(guān)鍵字">
<meta name="description" content="簡要描述">
<meta name="author" content="http://cnblogs.com/suoning">
<meta name="generator" content="用以說明生成工具">
content 定義與http-equiv或name屬性相關(guān)的元信息，是必要的屬性。
<body> 標簽
1、塊級標簽和內(nèi)聯(lián)標簽
塊級標簽：<p><h1><table><ol><ul><form><div>
內(nèi)聯(lián)標簽：<a><input><img><sub><sup><textarea><span>
block（塊）元素的特點
① 總是在新行上開始；
② 高度，行高以及外邊距和內(nèi)邊距都可控制；
③ 寬度缺省是它的容器的100%，除非設(shè)定一個寬度。
④ 它可以容納內(nèi)聯(lián)元素和其他塊元素
inline（內(nèi)聯(lián)）元素的特點
① 和其他元素都在一行上；
② 高，行高及外邊距和內(nèi)邊距不可改變；
③ 寬度就是它的文字或圖片的寬度，不可改變
④ 內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素
對行內(nèi)元素，需要注意如下
設(shè)置寬度width 無效。
設(shè)置高度height 無效，可以通過line-height來設(shè)置。
設(shè)置margin 只有左右margin有效，上下無效。
設(shè)置padding 只有左右padding有效，上下則無效。注意元素范圍是增大了，但是對元素周圍的內(nèi)容是沒影響的。
2、基本標簽
<h1>~<h6> 標題標簽.
<p>: 段落標簽. 包裹的內(nèi)容被換行.并且也上下內(nèi)容之間有一行空白.
style="text-indent: 2em"可以設(shè)置樣式為首行縮進兩個字符。
<blockquote></blockquote>可以用來設(shè)置整個段落的縮進。
<b> <strong>: 加粗標簽.
<strike>: 為文字加上一條中線.
<u>: 文字下方加下劃線.
<em> <i>: 文字變成斜體.
<sup>和<sub>: 上角標 和 下角標.
<br>:換行.
<hr>:水平線.
<div>
塊級標簽。塊級標簽常用于布局，行級標簽常用語顯示內(nèi)容。
div的顯示通常使用id或class來標識。id為唯一的標簽標識，class為標簽的類標識。
div的大小是由內(nèi)容來決定的，默認情況下，高度由內(nèi)容的高度決定，寬度適應(yīng)屏幕。
可以容納其他元素，是一個容器。
<span>
3、特殊符號
> >
< <
空格
" 引號
© 版權(quán)符號
特殊符號 符號碼
" " ;
& & ;
< < ;
> > ;
© ;
® ;
± ± ;
× × ;
§ § ;
¢ ;
¥ ;
· · ;
&euro ;
£ ;
&trade ;
4、<a> 超鏈接標簽(錨標簽)
重要屬性有三個：href、target、name
href 超鏈接地址：可以是Web上任意資源，包括圖片，網(wǎng)頁，樣式，腳本文件等。href="#"時，表示被鏈接頁面就是當前頁面。
target 文檔打開時要顯示的目標位置，屬性值一般有：_blank（新窗口中打開）、_self（默認，在超鏈接所在的容器中打開）、_parent（在超鏈接的父容器中打開）、_top（整個容器中打開）、name（框架名稱）。
name 錨記名稱。作用：跳轉(zhuǎn)到文檔的某個地方。返回首頁。
# 跳轉(zhuǎn)網(wǎng)頁
<a href="http://cnblogs.com/suoning" target="_blank">Nick Blogs</a>
# 跳轉(zhuǎn)錨記書簽名稱
<a name="top"><h3>Top！</h3></a>
<div style="height: 800px"></div>
<a href="#top">top</a>
1.標簽最簡式
<a href="mailto:xxx@xx.com">郵件聯(lián)系</a>
2.標簽幫你填抄送地址
<a href="mailto:xxx@xx.com?cc=xxxx@xx.com">郵件聯(lián)系</a>
3.標簽幫你填暗送地址
<a href="mailto:xxx@xx.com?bcc=xxxx@xx.com">郵件聯(lián)系</a>
4.暗,抄
<a href="xxxxx@xx.com">郵件聯(lián)系</a>
5.標簽幫你填主題
<a href="mailto:xxx@xx.com?subject=這是主題">郵件聯(lián)系</a>
6.填郵件內(nèi)容
<a href="mailto:xxx@xx.com?body=這是內(nèi)容">郵件聯(lián)系</a>
7.多址發(fā)送
<a href="mailto:xxx@xx.com,xxxx@xx.com">郵件聯(lián)系</a>
# http://shang.qq.com/v3/widget.html
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=630571017&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:630571017:51" alt="點擊這里給我發(fā)消息" title="點擊這里給我發(fā)消息"/></a>
<a href="tencent://message/?uin=630571017" target="_blank"><img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:13></a>
# 更多圖片地址如下：
# http://wpa.qq.com/pa?p=1:707321921:1
# http://wpa.qq.com/pa?p=1:707321921:2
# http://wpa.qq.com/pa?p=1:707321921:3
# http://wpa.qq.com/pa?p=1:707321921:4
# http://wpa.qq.com/pa?p=1:707321921:5
# http://wpa.qq.com/pa?p=1:707321921:6
# http://wpa.qq.com/pa?p=1:707321921:7
# http://wpa.qq.com/pa?p=1:707321921:8
# http://wpa.qq.com/pa?p=1:707321921:9
# http://wpa.qq.com/pa?p=1:707321921:10
# http://wpa.qq.com/pa?p=1:707321921:11
# http://wpa.qq.com/pa?p=1:707321921:12
# http://wpa.qq.com/pa?p=1:707321921:13
5、<img> 圖形標簽
行級標簽，用來顯示圖片。
重要屬性有：src、title、alt、width、height、align。
src 圖片地址。
title 鼠標懸浮在圖片上的文字。
alt 圖片找不到時要替換的文字。如果圖片資源使用的是外網(wǎng)資源，則不會顯示要替換的文字。如果使用的是本網(wǎng)站的資源（相對路徑給出），則找不到圖片時會顯示替換的文字，并保留圖片設(shè)置的寬高結(jié)構(gòu)。
align 圖片周圍文字的垂直對齊情況。常用的屬性值有：top（與圖片的頂部對齊）、middle（與圖片的中部對齊）、bottom（默認，與圖片的底部對齊）。
width 圖片的寬
height 圖片的高 (寬高兩個屬性只用一個會自動等比縮放.)
<img src="http://p_w_picpaths.cnblogs.com/cnblogs_com/suoning/845162/o_ns.png" alt="圖片加載失敗。。。" title="The knife girl, kiss"/>
6、列表標簽
<ul> :無序列表標簽
<li>:列表中的每一項.
<ol> :有序列表標簽
<li>:列表中的每一項.
<li>主要的屬性有：type、value兩個:
type指明項目的類型，屬性值有：A，a，I，i，1，disc（實心圓），square（實心正方形），circle（空心圓）。
value表示序號值從幾開始。
<dl> 定義列表
<dt> 列表標題
<dd> 列表項
<ur>
<li type="circle">A</li>
<li type="1">B</li>
<li type="1">C</li>
</ur>
<ol>
<li value="3">3</li>
<li>4</li>
</ol>
<dl>
<dt><i>標題</i></dt>
<dd>第一項</dd>
<dd>第二項</dd>
<dd>第三項</dd>
</dl>
7、<table> 表格標簽
<table border="1">
<thead>
<tr>
<th>序號</th>
<th>姓名</th>
</tr>
</thead>
<tbody>
<tr>
<th>1.</th>
<td>nick</td>
</tr>
<tr>
<th>2.</th>
<td>jenny</td>
</tr>
</tbody>
</table>
<table> 表格標簽
border:（表格邊框）
align（水平對齊方式）
bgcolor（背景顏色）
cellpadding（內(nèi)邊距，單元格與內(nèi)容之間的距離）
cellspacing（外邊距，單元格的間距，設(shè)置為0時，表格變?yōu)閷嵕€表格）
width（表格的寬度，可以用%或者像素，最好通過css來設(shè)置長寬）
<caption> 表格的標題
<tr> 表格的數(shù)據(jù)行，table row
<th> 表格的表頭名稱，與<td>不同在于文字采用加粗居中的形式顯示，table head cell
<td> 單元格，用來顯示表格內(nèi)容，table data cell
<thead> 表格頭部，使結(jié)構(gòu)更加分明
<tbody> 表格主體部分，使結(jié)構(gòu)更加分明
rowspan 單元格豎跨多少行，作用在th或者td上
colspan 單元格橫跨多少列（即合并單元格），作用在th或者td上
<table>
<caption>xxxxxxxxxx</caption>
<thead>
<tr>
<th>序號</th>
<th>姓名</th>
<th>年齡</th>
<th>女神</th>
</tr>
</thead>
<tbody>
<tr>
<th>1.</th>
<td>nick</td>
<td>18</td>
<td>可可西</td>
</tr>
<tr>
<th>2.</th>
<td>jenny</td>
<td>21</td>
<td>nick!!!</td>
</tr>
</tbody>
</table>
8、<form>表單標簽
表單屬性
HTML 表單用于接收不同類型的用戶輸入，用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)，從而實現(xiàn)用戶與Web服務(wù)器的交互。表單標簽, 要提交的所有內(nèi)容都應(yīng)該在該標簽中。
屬性：action、method、enctype
action 表單要提交的地址，用于處理表單的內(nèi)容（一般是提交字典到后臺的一個接口，這個接口是java寫成的，提交到這個接口后后臺就知道如何處理這些數(shù)據(jù)了）。
method 提交的方法，默認是get方式提交。
get: 1.提交的鍵值對.放在地址欄中url后面. 2.安全性相對較差. 3.對提交內(nèi)容的長度有限制.
post:1.提交的鍵值對不在地址欄. 2.安全性相對較高. 3.對提交內(nèi)容的長度理論上無限制.
enctype 對表單數(shù)據(jù)進行編碼，默認都是要編碼的。格式為：application/x-www-form-urlencoded（表單默認的編碼格式，表單發(fā)送前對所有字符進行編碼。編碼規(guī)則：空格轉(zhuǎn)換為“+”號，特殊符號轉(zhuǎn)換為ASC HEX值）。提交普通的文本內(nèi)容到服務(wù)器就可以采用這種默認的編碼方式。當你需要提交的是一個文件時，編碼就需要采用另一種格式：multipart/form-data（不對字符編碼，文件上傳時使用）。text/plain（是一種純文本編碼，空格轉(zhuǎn)換為“+”號，但是不對特殊字符進行編碼）。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="https://www.baidu.com/s">
<input type="text" name="wd">
<input type="submit" value="百度一下">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="https://www.sogou.com/web">
<input type="text" name="query">
<input type="submit" value="搜狗搜索">
</form>
</body>
</html>
表單元素
<input> type 屬性：
text 文本框輸入（默認text文本框類型）。
autocomplete（自動完成輸入的內(nèi)容，要求表單元素要有name屬性才有自動完成的效果，off表示自動完成不可用，on表示自動完成可用）
disabled（設(shè)置或者獲取控件的狀態(tài)，默認是false即可用，等于true時不可用，不能輸入內(nèi)容）
password 密碼框。（以下屬性text和password共有）
size（指定表單元素的初始寬度。當type為text或password時，表單元素的大小以字符為單位，對于其他元素，寬度以像素為單位）
maxlength（type為text或password時，表示輸入的最大字符數(shù)），有利于防止sql的注入攻擊
readonly 只讀.
placeholder 框內(nèi)預(yù)置內(nèi)容(灰色)，寫上內(nèi)容時才消失
radio 單選按鈕。屬性：
name（將name的值設(shè)置為相同值，才表示一組數(shù)據(jù)，才能實現(xiàn)單選功能）
value（必須要寫，提交到服務(wù)器的key值，實際開發(fā)過程中value一般是編號）
checked（是否被選中的狀態(tài)）
checkbox 復(fù)選框。
name（名字一定要一樣一樣的，才表示是一組數(shù)據(jù)，添加到同一value值列表提交到服務(wù)器）
value（必須要寫，提交到服務(wù)器的key值，實際開發(fā)過程中value一般是編號）
checked（是否被選中的狀態(tài)）
file 文件域，上傳文件（不同的瀏覽器表現(xiàn)形式不同）
submit 提交按鈕。用于提交表單。
reset 重置按鈕。清空表單的輸入，恢復(fù)到表單默認的狀態(tài)。
button 普通按鈕。一般結(jié)合javascript使用。
p_w_picpath 圖片按鈕，用來提交表單，與submit是一樣的效果。
src（圖片路徑）
hidden 隱藏字段。
value（隱藏的內(nèi)容）
color 顏色標簽。value指定顏色值（采用#十六進制數(shù)表示）。
date 日期。value值指定默認的日期，格式為****-**-**（年月日）。
datetime-local 顯示本地時間，value值指定默認的時間，格式為2016-05-20T11:10:10（年月日T時分秒）。
number 數(shù)字向上或者向下滑動?？梢蕴顢?shù)字然后向上或者向下選擇不同的值。
range 滑動標簽。min（指定最小值）、max（指定最大值）、value（指定當前默認值）。
week 每年的周數(shù)。value指定哪一年第幾周，格式為2016-W25（2016年第25周）。
<textarea> 文本域標簽。默認表現(xiàn)形式是可以輸入很多行文本的文本框。
name （表單提交項的key）
cols（設(shè)置文本域?qū)挾龋?br> rows（設(shè)置文本域高度，即行數(shù)）
<select> 下拉框標簽。使用時要結(jié)合<option>子標簽一起使用。
name:表單提交項的key
size：選項個數(shù)
multiple：多選
<option> 下拉選中的每一項
value（表單提交項的值）
selected（selected下拉選默認被選中）
<optgroup>為每一項加上分組
<label> 把元素與文本結(jié)合起來
友好設(shè)計：不只是選中復(fù)選框才能選中并打鉤，要求點擊對應(yīng)的文字也能選中該復(fù)選框。
這種情況下要用到<label>標簽的for屬性（設(shè)置或獲取給定標簽對象指定到的對象，值=另一個元素的id號即可）
<label for="name">姓名</label>
<input id="name" type="text">
<fieldset> 對表單中的相關(guān)元素進行分組
<fieldset>
<legend>溫馨提示</legend>
<div align="middle">不要忘記點贊哦==</div>
</fieldset>
value: 表單提交項的值
對于不同的輸入類型，value 屬性的用法也不同：
type="button", "reset", "submit" - 定義按鈕上的顯示的文本
type="text", "password", "hidden" - 定義輸入字段的初始值
type="checkbox", "radio", "p_w_picpath" - 定義與輸入相關(guān)聯(lián)的值
框架
<frameset> 框架
用來劃分窗體，不能放在<body>中，否則沒有效果。
cols （縱向分割頁面。其數(shù)值表示方法有三種：“30%、30（或者30px）、*”；數(shù)值的個數(shù)代表分成的視窗數(shù)目且數(shù)值之間用“,”隔開?！?0%”表示該框架區(qū)域占全部瀏覽器頁面區(qū)域的30%；“30”表示該區(qū)域橫向?qū)挾葹?0像素；“*”表示該區(qū)域占用余下頁面空間。例如：cols="25%,200,*" 表示將頁面分為三部分，左面部分占頁面30%，中間橫向?qū)挾葹?00像素，頁面余下的作為右面部分。）
rows（橫向分割頁面。屬性和cols一樣）
frameborder（設(shè)置是否顯示框架邊框。設(shè)定值只有0、1；0 表示不要邊框，1 表示要顯示邊框）
border（框架之間的距離，一般設(shè)置為0）
bordercolor（邊框的顏色）
framespacing（設(shè)置框架與框架間的保留的空白距離）
<frameset cols="40%,*,*"> 第一個框架占整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個框架。
<frameset cols="*,*,*,*"> 瀏覽器窗口等分為四部分。
<iframe> 框架
元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）
name （設(shè)置框架名稱。此為必須設(shè)置的屬性）
src （設(shè)置此框架要顯示的網(wǎng)頁名稱或路徑。此為必須設(shè)置的屬性）
scrolling （設(shè)置是否要顯示滾動條。設(shè)定值為auto, yes, no）
bordercolor （設(shè)置框架的邊框顏色）
frameborder （設(shè)置是否顯示框架邊框。設(shè)定值只有0、1；0 表示不要邊框，1 表示要顯示邊框）
noresize （設(shè)置框架大小是否能手動調(diào)節(jié)）
marginwidth （設(shè)置框架邊界和其中內(nèi)容之間的寬度）
marginhight （設(shè)置框架邊界和其中內(nèi)容之間的高度）
width（設(shè)置框架寬度）
height （設(shè)置框架高度）
文是 Systrace 系列文章的第一篇，主要是對 Systrace 進行簡單介紹，介紹其簡單使用方法；如何去看 Systrace；如何結(jié)合其他工具對 Systrace 中的現(xiàn)象進行分析。
本系列的目的是通過 Systrace 這個工具，從另外一個角度來看待 Android 系統(tǒng)整體的運行，同時也從另外一個角度來對 Framework 進行學(xué)習(xí)。也許你看了很多講 Framework 的文章，但是總是記不住代碼，或者不清楚其運行的流程，也許從 Systrace 這個圖形化的角度，你可以理解的更深入一些。
Systrace 是 Android4.1 中新增的性能數(shù)據(jù)采樣和分析工具。它可幫助開發(fā)者收集 Android 關(guān)鍵子系統(tǒng)（如 SurfaceFlinger/SystemServer/Kernel/Input/Display 等 Framework 部分關(guān)鍵模塊、服務(wù)，View系統(tǒng)等）的運行信息，從而幫助開發(fā)者更直觀的分析系統(tǒng)瓶頸，改進性能。
Systrace 的功能包括跟蹤系統(tǒng)的 I/O 操作、內(nèi)核工作隊列、CPU 負載以及 Android 各個子系統(tǒng)的運行狀況等。在 Android 平臺中，它主要由3部分組成：
使用 Systrace 前，要先了解一下 Systrace 在各個平臺上的使用方法，鑒于大家使用Eclipse 和 Android Studio 的居多，所以直接摘抄官網(wǎng)關(guān)于這個的使用方法，不過不管是什么工具，流程是一樣的：
一般抓到的 Systrace 文件如下
命令行形式比較靈活，速度也比較快，一次性配置好之后，以后再使用的時候就會很快就出結(jié)果（強烈推薦） Systrace 工具在 Android-SDK 目錄下的 platform-tools 里面,下面是簡單的使用方法
$ cd android-sdk/platform-tools/systrace
$ python systrace.py可以在 Bash 中配置好對應(yīng)的路徑和 Alias，使用起來還是很快速的。另外 User 版本所抓的 Systrce 文件所包含的信息,是比 eng 版本或者 Userdebug 版本要少的,建議使用 Userdebug 版本的機器來進行 debug,這樣既保證了性能,又能有比較詳細的輸出結(jié)果.
抓取結(jié)束后，會生成對應(yīng)的 Trace.html 文件，注意這個文件只能被 Chrome 打開。關(guān)于如何分析 Trace 文件，我們下面的章節(jié)會講。不論使用那種工具，在抓取之前都可以選擇參數(shù)，下面說一下這些參數(shù)的意思：
我們一般會把這個命令配置成Alias，配置如下：
alias st-start='python /sdk/platform-tools/systrace/systrace.py'
alias st-start-gfx-trace=‘st-start -t 8 gfx input view sched freq wm am hwui workq res dalvik sync disk load perf hal rs idle mmc’這樣在使用的時候，可以直接敲 st-start 即可，當然為了區(qū)分和保持各個文件，還需要加上 -o xxx.html .上面的命令和參數(shù)不必一次就理解，只需要記住如何簡單使用即可，在分析的過程中，這些東西都會慢慢熟悉的。
一般來說比較常用的是
一個人可以走的更快 , 一群人可以走的更遠
更多內(nèi)容可以進入 Android Performance 查看
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
