一、目錄：
1.ready（function(){}）方法的使用
2.require最常用的方法:
3.display:none
4.visible:hidden
5.修改span的字體的顏色
6.window對象中self、 top 的區(qū)別
7.blur事件的使用
二.、內(nèi)容:
1. ready（function(){}）
```$(document).ready(function(){
//?當(dāng)網(wǎng)頁加載完成后執(zhí)行這里的代碼塊
});```
2.require('http')?內(nèi)置模塊
```
require('./server')??“./”表示當(dāng)前路徑，后面跟的是相對路徑
require("../lib/server")?../表示上一級目錄，后面跟的也是相對路徑
對js中的?require('./jquery.gritter.js')($);的解釋如下：
require是必須校驗
./jquery.gritter.js是參數(shù)，表示一個js。
($)表示追加當(dāng)前對象到調(diào)用處
```
3.display:none?---不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失，通俗來說就是看不見也摸不到。
4.visible:hidden---?使對象在網(wǎng)頁上不可見，但該對象在網(wǎng)頁上所占的空間沒有改變，通俗來說就是看不見但摸得到。
5.span標(biāo)簽:無語義行內(nèi)元素。
在段內(nèi)定義與該段樣式不同的內(nèi)容的樣式。
同時滿足以下條件的內(nèi)容你可以使用span標(biāo)簽：
1、行內(nèi)元素（inline）
2、無語義
3、你需要給他添加特定樣式或做js鉤子的時候
標(biāo)準(zhǔn)屬性有：id, class, title, style, dir, lang, xml:lang
事件屬性有：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如：
這是一段話，段落里有一些特殊的需要標(biāo)記的內(nèi)容，如紅色。
這是一個箭頭：.?？梢酝ㄟ^定義該class使其顯示為一個箭頭。
你還可以輸入140 個字。J_zishu用作js鉤子
鏈接：https://www.zhihu.com/question/20083052/answer/13916461
```
實例一（完成代碼）:
<%@?page?language="java"?contentType="text/html;?charset=UTF-8"
pageEncoding="UTF-8"%>
/*?修改span的字體的顏色?*/
span{? color:red;
}
.hfont{
border-color:green;
font-weight:900;
}```
實例二:
實例三：
在span中加style屬性:讓字體加粗變黑
6.window窗口對象中的屬性self,top.
1)self:當(dāng)前窗口對象（如果是在iframe里，則為該框架的窗口對象）
2)、top:父窗口對象
3)、window:典型情況下，瀏覽器會為每一個打開的html創(chuàng)建對應(yīng)的window對象，如果這 個文檔包含了多個框架，則瀏覽器會為原始文檔建立一個window對象，再為每個框架創(chuàng)建額外的window對象。可以再當(dāng)前窗口中直接使用window 的全部屬性、方法和集合，即不需要在前面附加計算結(jié)果為當(dāng)前window對象的表達(dá)式。雖然window可以省略，但是為了方便閱讀以及避免一些漏洞，一 般都使用這個關(guān)鍵字。
4)、location:該對象包含當(dāng)前url信息，擁有多個屬性。默認(rèn)屬性為 location.href,表示整個url，即如果設(shè)置location="http://www.ddd.cn",則等同于location..
如果test.html被加入iframe，則跳轉(zhuǎn)到百度頁面。
top.location.href:為引用test.html頁面url的父窗口對象的url
self.location.href:為引用test.html頁面url的子窗口對象url
self.location 指的是當(dāng)前頁面的location
top.location是指當(dāng)前頁面所屬的父頁面的location
top.location !== self.location
7.blur事件的使用
$("#customerId").blur(function(){
var?customerId?=?$("#customerId").val();
- //判斷客戶id是否為空串
if($('#customerId').val()?==?"")?{
$("#customerIdspan").text("");
$('#customerIdSpan').html("客戶id不能為空!");
$('#customerId').focus()
}else{
//如果不為空串，根據(jù)客戶id，發(fā)送ajax查詢客戶信息
$.ajax({
url:?"/json/query_customer.htm",
data:?{"customerId":customerId},
type:?'get',
dataType:?'json',
success:?function(jsonObject)?{
if(jsonObject.success){
$("#customerIdSpan").text("");
$("#customerIdspan").text("");
var?customerId?=?jsonObject.data.customerId
var?customerName=jsonObject.data.customerName
var?customerBizCategory=jsonObject.data.customerBizCategory
//把查詢的數(shù)據(jù)回現(xiàn)到，
$("#customerId").val(customerId);
$("#customerIdspan").text(customerName);
}else{
$("#customerIdspan").text("");
$("#customerIdSpan").text("未匹配到客戶");
}
},
});
}
});
