標題標簽和水平線標簽和特殊標簽
- 水平線標簽? <hr/>
- 屬性
** size:水平線的粗細
** color :顏色
- 特殊字符

- 列表標簽
-<dl></dl>
<dt></dt>
<dd></dd>

<ol></ol>有序列表的范圍
屬性 type:設(shè)置排序方法 默認(123),?
在ol的標簽里面<li>具體內(nèi)容</li>?

標題標簽,水平標簽和特殊字符
1.標題標簽
<h1></h1> <h2></h2>............
2.水平線標簽
<hr/>?
路徑:絕對路徑和相對路徑


超鏈接標簽
1.鏈接資源:? <a herf="鏈接資源的路徑"> 顯示在頁面上的內(nèi)容 </a>

2.定位標簽:
如果想要定位資源:定義一個位置?

表格標簽
可以對數(shù)據(jù)進行格式化,是數(shù)據(jù)顯示更加清晰
<table></table>:表示數(shù)據(jù)的范圍??


框架標簽
<frameset>
?-rows:按照行進行劃分
-cols:按照列進行劃分?
css和html的結(jié)合方式
1.在每個hml標簽上都有一個屬性,style,把css和html結(jié)合在一起
2.使用html的<style>標簽
css的選擇器
基本選擇器:
class:.?
id:#
js的原始數(shù)據(jù)類型:
- string :字符串
*** var str = "abc";
- number :數(shù)字類型
***var m = 123;
- boolean :true和false
***var flag = true;
?- null
*** var date = new Date();
***獲取對象的引用,null表示對象引用為空,所有的對象的引用也是object
?- undifined
***定義一個變量,但是沒有賦值
***var aa;
**typeof();查看當前的數(shù)據(jù)類型
js的語句
?- java中的語句
**if判斷
**switch語句
**循環(huán)語句:for? ?while? ?do-while
-js里面的語句
**if判斷語句:?
var a = 5;
if (a == 5){
alert(a=5)}
else {
alert(a=6)
}
** switch語句:
- java里面支持數(shù)據(jù)類型 從jdk1.7開始支持string
-js中都支持
**? ? 循環(huán)語句
-while:?

-for 循環(huán)
***? int換稱var
js的運算符
**? +=? ; x+=y ; ==> x=x+y;
**js中不區(qū)分整數(shù)和小數(shù)

** 字符串的操作
相加:**相加時做的是字符串連接

相減:**想減,做的就是相減的運算

如果str=abc;提示NaN:表示不是一個數(shù)字?
**boolean類型也可以進行相加相減的操作
設(shè)置成true,這個值為1;
設(shè)置成false,這個值為0;

** == 和 ===的區(qū)別
== 比較的是值??
=== 比較的是類型和值
**引入知識
? ?直接向頁面輸出的語句(可以把內(nèi)容顯示在頁面上)

js的數(shù)組
? ** 什么是數(shù)組?
? ? ? ? ? -使用變量, var m = 10;
? ? ? ? ? -Java中的數(shù)組 定義 int [] arr = {1,2,3};
**定義方法(三種)
第一種 : var arr = [1,2,3]; var arr = {1,2,3};
第二種:使用內(nèi)置對象 Array對象
var arr1 = new Array(5);//定義一個數(shù)組,數(shù)組的長度是5
arr1[0] = “1”;
第三種:
使用內(nèi)置對象Array
var arr2 = new Array(3,4,5);//定義一個數(shù)組
js的函數(shù)
**在Java中定義方法

**在js中定義函數(shù)有三種方法
第一種方式
*****關(guān)鍵字 function
***** function 方法名(參數(shù)列表) {
方法體;
返回值可有可無(根據(jù)實際需要)

js的String對象
**創(chuàng)建一個String對象
***var str = “abc”;
**方法和屬性
? ?***屬性 length: 字符串的長度
? ?***方法
(1)與HTML相關(guān)的方法:
? ? -bold():加粗
? ? -findcolor():設(shè)置字符串的顏色
? ? -findsize():設(shè)置字體的大小
? ?-link(url):將字符串顯示為超鏈接
? ? -sub和sup:
(2)與Java相似的方法:
-contect():連接字符串?
-charAt():返回指定位置的字符串?
-indexOf():返回一個字符串的位置
-split():切分字符串
-replace():替換字符串? ?



js的Array
? ?***創(chuàng)建數(shù)組(三種)

屬性:length:查看數(shù)組長度
方法:?
? ?-concat()方法:連接數(shù)組
? ?-join()方法:分割字符串
? ?-push()方法:向數(shù)組末尾添加元素,返回數(shù)組的新的長度
如果我們添加的是一個數(shù)組,這個時候把數(shù)組當成一個整體添加進去
? -pop()方法:刪除最后一個元素并返回刪除的哪個元素

-reverse():顛倒數(shù)組中元素的順序
js的Date對象
***在Java中獲取當前的時間
Date date = new Date();
//格式化
//

js的math對象
數(shù)學(xué)的運算
Math.方法
-ceil(x);
-floor(x);
-round(x);


js的重載
? ?***重載:方法名相同,參數(shù)不同
? ?***重寫:子類父類有相同的方法名也有相同的參數(shù)
js的重載是否存在:不存在
但是可以通過其他的方法模擬重載(argument)
js的bom對象
***bom :broswer object model:瀏覽器對象模型
有哪些對象?
navigator:獲取客戶機的信息(獲取瀏覽器的信息 )
screen
location
history
window(重點):
*窗口對象
*頂層對象(所用的bom對象都是在window里面操作的)
**方法?
——window.alert();頁面彈出框,顯示內(nèi)容
——window.confirm();確定

——window.close ();關(guān)閉窗口(瀏覽器兼容性比較差)
——做定時器??
** setInterval("js代碼",毫秒數(shù))? ?
window.setInterval("alert('123')",3000)
** setTimeout()

js的dom對象
*dom :document object model :文檔對象模型
***文檔:超文本文檔(超文本標記文檔) html ,xml
***對象:提供了屬性和方法
***模型:使用屬性和方法操作超文本標記型文檔
****可以使用js中的dom里面提供的對象,使用這些對象的屬性和方法,對標記型文檔進行操作
****想要對標記型文檔進行操作,首先需要,對標記型文檔里面的內(nèi)容封裝成對象
——需要把html里面的標簽,屬性,文本內(nèi)容都封裝成對象
****要想對標記型文檔進行操作,解析標記型文檔

***解析過程
根據(jù)html的層級結(jié)構(gòu),在內(nèi)存中分配一個樹形結(jié)構(gòu),需要把每部分封裝成對象

dom的發(fā)展歷史

****DHTML:是很多技術(shù)的簡稱
**html:封裝數(shù)據(jù)
**css:使用屬性和屬性值設(shè)置樣式
**dom:操作html文檔(標記型文檔)
**javascript:專門指js的語法語句

document對象
? ?*表示整個的文檔
***常用方法
——write:

——getElementById();

——getElementsByName();

——getElementByTagName(“標簽名稱”);

注意:

2.元素對象(element對象)
*** 要操作element對象,首先要獲取到element,
——使用document里面的相應(yīng)的方法獲取
***? 方法
? ? ? ?******? 獲取屬性里面的值
getAtttribute
xml簡介
可擴展標記型語言
** 標記型語言:? ?html也是標記型語言
也是使用標簽來操作
**可擴展:??
? ?——html里面的標簽是固定,每個標簽都有特定的含義
——標簽可以自己定義,可以寫中文的標簽? <person></person> <貓></貓>
xml的用途:
**html是用于顯示數(shù)據(jù),xml也可以顯示數(shù)據(jù)(不是主要功能)
**xml主要功能,為了存儲數(shù)據(jù)
**xml是W3C組織發(fā)布的技術(shù)
**xml有兩個版本 1.0 1.1
——使用都是1.0版本(1.1版本不能向下兼容)
xml的應(yīng)用
*不同系統(tǒng)之間傳輸數(shù)據(jù)
——*qq之間數(shù)據(jù)的傳輸

*用來表示生活中有關(guān)系的數(shù)據(jù)
*經(jīng)常用在配置文件中
——*比如現(xiàn)在連接數(shù)據(jù)庫,肯定知道數(shù)據(jù)庫的用戶名和密碼,數(shù)據(jù)名稱
——*如果修改數(shù)據(jù)庫的信息,不需要修改源代碼,只要修改配置文件就可以了
xm的語法
(1)xml的文檔聲明(***)
*創(chuàng)建一個文件,后綴名是.xml
*如果寫xml,第一步,必須要有一個文檔聲明(寫了文檔聲明之后,表示寫xml文件的內(nèi)容)
** <?xml verson="1.0"? encoding = "gdk"?>
***文檔聲明必須寫在第一行第一列
*屬性
? ? ? ? ? ? ? ?- version :xml的版本 1.0 1.1
? ? ? ? ? ? ? - encoding: xml編碼 gbk utf-8? ios8859-1(不包含中文)
? ? ? ? ? ? ? - standalone:是否需要依賴其他文件 yes/no
*xml的中文亂碼問題解決
畫圖解釋:

怎么做?

(2)定義元素(標簽)(***)
(3)定義屬性(***)
(4)注釋(***)
(5)特殊字符(***)
(6)CDATA區(qū)(了解)
(7)PI指令(了解)
xml的元素(標簽)定義
**標簽定義
**標簽的定義有開始必須要有結(jié)束<person></person>
**標簽沒有內(nèi)容,可以在標簽內(nèi)結(jié)束;<aa/>
**標簽可以嵌套,必須合理嵌套
? ?***合理嵌套<aa><bb></bb></aa>
? ?***不合理嵌套 <aa><bb></aa></bb>;不正確的嵌套
**一個xml中,只能有一個根標簽,其他的標簽都是這個標簽下面的標簽? ?
**在xml中把空格和換行都當成內(nèi)容來解析

** xml中的命名規(guī)則
? ? (1)xml代碼區(qū)分大小寫
? ? ? ? ? ? ?<p><P>:不一樣
? ?(2)xml標簽不能以數(shù)字和下劃線開頭(_)
? ?(3)xml不能以xml,XML,Xml等這些開頭
? ?(4)xml的標簽不能包含空格和冒號
<a b> <b:c>:都是錯誤的
xml中屬性的定義
*html是標記型文檔,可以有屬性
*xml也是標記型文檔,可以有屬性
*<person id1=”aaa“ id2=”bbb“></person>
**屬性定義的要求
? ? ?(1)一個標簽上可以有多個屬性
? ? ? ? ? ? ? ?<person id1 ="aaa" id2="bbb"></person>
? ? ? ?(2) 屬性名稱不能相同
<person id1="aaa" id1= "bbb"></person>這個是不正確的
? ? (3)屬性名稱和屬性值之間使用=,屬性值使用引號包起來(可以是單引號,也可以是雙引號)
? ?(4)xml屬性的名稱規(guī)范和元素的名稱規(guī)范一致
xml的注釋
<!-- xml的注釋 -->
**注意的地方
? ? ?注釋不能嵌套
注釋也不能放第一行,第一行第一列必須放xml的文檔聲明
xml的特殊字符
轉(zhuǎn)義字符
<? <
> >

CDATA區(qū)
*可以解決多個字符都需要轉(zhuǎn)義的操作
*把這些內(nèi)容放到CDATA區(qū),不需要轉(zhuǎn)義了
**寫法
<![ CDATA [? 內(nèi)容? ] ]>
**把特殊字符當作文本內(nèi)容,而不是標簽
PI指令(處理指令)
*可以在xml中設(shè)置樣式
* 寫法:

對中文標簽不起作用
debug的調(diào)試模式(斷電調(diào)試模式)
? ? ? *使用這種模式,調(diào)試程序(看到程序里面數(shù)據(jù)的變化)
? ? ? *使用debug第一步,需要來設(shè)置一個斷點(讓程序運行停止在這一行)
? ? ? ? ? ? ? ? ? ?*顯示出行號,雙擊左邊,出現(xiàn)一個圓點,表示設(shè)置了一個斷點
? ?*使用debug as 方式,來運行程序
? ?——提示是否進入調(diào)試界面,yes
? ?——在斷點哪一個,有一個綠色條,表示沒有向下運行
? ? *可以讓程序向下執(zhí)行,使用step over 快捷鍵是F6(單步執(zhí)行)
junit的使用
? ?*單元測試
? ?*測試對象是一個某一個類中的方法
? ?*juint 不是javase的一部分,想要使用導(dǎo)入jar包
? ? ? ? ? ? ?*但是idea和myeclipse自帶
*首先juint版本? ?3.x? ?4.x
? ? ? ? ? ? *首先測試方法時候,方法命名規(guī)則? public void 方法名(不能加參數(shù)){? ?};
*1.使用注解方法運行測試方法,在方法上面寫一個? ?@Test ,表示方法進行單元測試
*2.@Ignore:表示這個方法不進行單元測試
*3@Before:在每個測試方法之前運行
*4@After:在每個測試方法之后運行
*斷言(了解)

靜態(tài)導(dǎo)入(了解):
*可以在代碼里里面,直接使用靜態(tài)導(dǎo)入方式,導(dǎo)入靜態(tài)方法或者常量
*import static xx.xx.xxx
