java web

標題標簽和水平線標簽和特殊標簽

- 水平線標簽? <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ù)


** 字符串的操作

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

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

455?

如果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)義字符

<? &lt;

> &gt;




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





?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,853評論 0 3
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,954評論 0 0
  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,527評論 0 21
  • JSP是在HTML文檔中嵌入java代碼的技術(shù),本質(zhì)上是一個servlet類,因為在服務(wù)器端會被編譯為一個serv...
    shawXXQ閱讀 416評論 0 0
  • 第一章: JS簡介 從當初簡單的語言,變成了現(xiàn)在能夠處理復(fù)雜計算和交互,擁有閉包、匿名函數(shù), 甚至元編程等...
    LaBaby_閱讀 1,761評論 0 6

友情鏈接更多精彩內(nèi)容