一雾消、目錄:
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對象的表達式米罚。雖然window可以省略钧汹,但是為了方便閱讀以及避免一些漏洞,一 般都使用這個關(guān)鍵字录择。
4)拔莱、location:該對象包含當(dāng)前url信息,擁有多個屬性隘竭。默認屬性為 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("未匹配到客戶");
}
},
});
}
});