web前端知識點小結 （一）
html標籤含義
<!–…–>:定義註釋
<!DOCTYPE> ：定義文件型別
<html>:html文件的總標籤
<head>:定義頭部
<body>:定義網頁內容
<script>:定義指令碼
<div>:division，定義分割槽，容器標籤
<p>:paragraph,定義段落
<a>:定義超連結
<span>:定義文字容器
<br>:換行
<form>：定義表單
<table>:定義表格
<th>：定義表頭
<tr>：表的行
<td>：表的列
<b>：定義粗體字
<img>：定義圖片
標籤使用注意點
在head中引入css和javascript,eg:
<head>
<script src=”../static/service_url.js”></script>
<script src=”../static/registUtil.js”></script>
<script src=”../static/httpUtil.js”></script>
<link rel=”stylesheet” media=”all” href=”../static/loginStyle.css” />
</head>
<img>新增alt屬性，表示圖片不可用時顯示該文字,eg:
<div class="logo"><a href="#"><img src="../static/tusvision.jpg" alt="Logo" /></a></div>使用before/after偽元素時可以插入字型圖示，可以使用icomoon將指定圖示生成字型，如下為在內容前顯示字型圖示
.ic-user:before {
content: “\E65E”
}
div與span區別：
div：指定渲染HTML的容器
span：指定內嵌文字容器
通俗地講就是如果裡面還有其他標籤的時候就用div，如果裡面只有文字就應該用span
div是一個塊級元素，用來為HTML文件內大塊的內容提供結構和背景
span是行內元素，在行內定義一個區域（也就是一行內可以被劃分好幾個區域）
div標籤中可以鑲嵌span標籤，（div可以看做是一個大容器，span是一個小容器，大容器當然可以放下一個小容器啦
實現標籤的可見與不可見：
1.標籤不佔佈局
style.display = “block”;
style.display = “none”;
2.標籤佔佈局
style.visibility = “visible”;
style.visibility = “hidden”;
javascript中定義全域性變數的方法：
1.建立config.js,其中內容如下：
var serviceBaseURL = 'https://host:domain/path/fileName';
localStorage.setItem('serviceBaseURL',serviceBaseURL);2.在其他js中直接呼叫
localStorage.getItem('serviceBaseURL')XMLHttpRequest傳送請求時可以將函式作為引數傳進去，等接收到響應時呼叫該函式-實現回撥函式功能。
document.getElementsByClassName(className)返回所有聲明瞭className的標籤，即返回的是標籤陣列。
可以將標籤的id當作引數傳入函式以便對該標籤進行訪問（適用於同種型別的標籤-如標籤和name均一樣，但是id不一樣，可以定義同一個點選函式，將id當作引數傳入函式以便作為不同響應）
某一行中部分字型顏色改變可以使用<span>,eg:
<span >注：標記</span>
<span style="color: red">*</span>
<span>的為必填項！</span>javascript不支援過載，如果在javascript中定義了兩個名字相同的函式，則該名字只屬於後定義的函式。
使用XMLHttpRequest傳送http請求，若返回響應資料為json或json陣列，需要進行轉換，方法如下：
1.返回json資料，將text轉換為Json:
var data_json = eval('(' + text + ')');
var str1 = data_json.title
var str1 = data_json.content2.返回json陣列，將text轉換為JsonArray:
var datas = eval(response);
for(var i=0;i< datas.length;i++){
var str1 = adatas[i].title;
var str2 = adatas[i].content;
}實現部分佈局不隨網頁滾動而改變位置（如導航選單保持不變）：
style="position:fixed; z-index: 20;"不隨網頁滾動後的導航蘭剛進入網頁時會遮擋下面部分內容，可以在兩者間新增如下程式碼：
.blank{ clear:both; overflow:hidden; display:block; overflow:hidden;}
<span class="blank" style="height:70px;"></span>html中使用輪播圖：
如果您想要單獨引用該外掛的功能，那麼您需要引用 carousel.js。或者，正如 Bootstrap 外掛概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 例項 - 簡單的輪播（Carousel）外掛</title>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="myCarousel" class="carousel slide">
<!-- 輪播（Carousel）指標 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 輪播（Carousel）專案 -->
<div class="carousel-inner">
<div class="item active">
<img src="/wp-content/uploads/2014/07/slide1.png" alt="First slide">
</div>
<div class="item">
<img src="/wp-content/uploads/2014/07/slide2.png" alt="Second slide">
</div>
<div class="item">
<img src="/wp-content/uploads/2014/07/slide3.png" alt="Third slide">
</div>
</div>
<!-- 輪播（Carousel）導航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</body>
</html>