JavaWeb (day2)

1.css 和 html 的結(jié)合方式

(1)在每一個(gè) html 標(biāo)簽上都有一個(gè)屬性 style,把 css 和 html 結(jié)合在一起

<div style="background-color:red;color:green;">

(2)使用 html 的一個(gè)標(biāo)簽實(shí)現(xiàn) <style> 標(biāo)簽,寫在 head 里面

<style type="text/css>
    css代碼;
</style>

(3) 使用頭標(biāo)簽 link,引入外部 css 文件
首先創(chuàng)建一個(gè) css 文件

<link rel="stylesheet" type="text/css"href="css文件路徑">

2.JavaScript 的簡介

1.是基于對象和事件驅(qū)動的語言,應(yīng)用于客戶端

  • 基于事件:
    提供了很好的對象,可以直接拿過來使用
  • 事件驅(qū)動:
    html 做網(wǎng)站靜態(tài)效果,JavaScript 動態(tài)效果
  • 客戶端:專門指的是瀏覽器

2.Js 的特點(diǎn)

(1) 交互性
信息的交互
(2)安全性
js 不能訪問本地磁盤的文件
(3)跨平臺性
java 里面跨平臺----虛擬機(jī)
只有能夠支持 js 的瀏覽器,都可以運(yùn)行

3.JavaScript 和 java 的區(qū)別(雷鋒和雷峰塔)

(1) java 是sun 公司,現(xiàn)在 oracle;js 是網(wǎng)景公司
(2)JavaScript 是基于對象的,java 是面向?qū)ο蟮?br> (3)java是強(qiáng)類型的語言,js 是弱類型的語言
(4)JavaScript 只需要解析就可以執(zhí)行,而 java 需要編譯成字節(jié)碼文件,再執(zhí)行。

4.JavaScript 的組成
三部分組成

(1) ECMAScript
ECMA:歐亞計(jì)算機(jī)協(xié)會
由 ECMA 組織制定的 js 的語法,語句....
(2) BOM
broswer object model:瀏覽器對象模型
(3) DOM
document object model: 文檔對象模型

3.js 與 html 結(jié)合方式

第一種:
使用一個(gè)標(biāo)簽

<script type=“text/javascript” >js 代碼</script>

第二種:
使用 script 標(biāo)簽,引入一個(gè)外部的 js 文件
創(chuàng)建一個(gè) js 文件,寫 js 代碼

<script type="text/javascript"  src ="1.js"></script>

使用第二種方式時(shí),就不要在 script 標(biāo)簽里面寫 js 代碼,不會執(zhí)行。

4.js 的原始類型和聲明變量

定義變量:都使用關(guān)鍵字 var
js 的原始數(shù)據(jù)類型

  • string :字符串8
var str="abc";
  • number 數(shù)字類型
var m=123;
  • boolean:true 和 false
var flag=true;
  • null
var  date =new Date();

獲取對象的引用,null 表示對象引用為空,所有對象的引用也是 object

  • undifined
    定義一個(gè)變量,沒有賦值
var  aa;

typeof(); 查看當(dāng)前變量的數(shù)據(jù)類型

5.js 的語句

1.if 判斷語句
=:表示賦值
== :表示判斷
2.switch 語句
js 里面所有類型都支持
3.循環(huán)語句(for while do-while)
for 循環(huán)里面 java 里面定義是 int ,js 定義是 var

4.i + + 和 + + i 和java 里面一樣

6.js 的運(yùn)算符

1.+= :x+=y——> x=x+y;
2.js 里面不區(qū)分整數(shù)和小數(shù)

var j=123;
alert(j/1000*1000);
// j/1000*1000  在 java 里面得到的結(jié)果是 0
//在  js 里面不區(qū)分整數(shù)和小數(shù),123/1000=0.123*1000=123

3.字符串相加和相減的操作

如果相加的時(shí)候,做的是字符串連接
如果相減,做的是相減運(yùn)算
提示 NaN :表示不是一個(gè)數(shù)字

4.Boolean 類型也可以操作
如果設(shè)置成 true,相當(dāng)于這個(gè)值是 1
如果設(shè)置成 false,相當(dāng)于這個(gè)值是 0
5. == 和 === 區(qū)別

做判斷:

== 比較的只是值
=== 比較的是值和類型

6.引入知識
直接向頁面輸出語句(可以把內(nèi)容顯示在頁面上)

document.write("aaa");
document.write("<hr/>");

可以向頁面輸出變量,固定值和 html 代碼

7.js 數(shù)組

1.數(shù)組定義方式

第一種:

var arr=[1,2,3];
var arr=[1,"4",ture];

第二種:
使用內(nèi)置 Array 對象

var arr1=new Array(5);//定義一個(gè)數(shù)組,數(shù)組長度是 5

第三種:
使用內(nèi)置 Array 對象

var arr1=new Array(3,4,5);//定義一個(gè)數(shù)組,數(shù)組元素是3 4 5

2.數(shù)組屬性

length : 獲取到數(shù)組長度

3.數(shù)組可以存放不同的數(shù)據(jù)類型的數(shù)據(jù)

8.js 函數(shù)

1.定義函數(shù)

第一種方式:
使用到關(guān)鍵字 function

function  方法名(參數(shù)列表){
方法體;
返回值可有可無(根據(jù)實(shí)際需要)
}

舉例:

function add(a,b,c){
var sum=a+b+c;
return sum;
}

alert(add(3,4,5));   //調(diào)用方法

第二種方式:
匿名函數(shù)

var add=function(參數(shù)列表){
方法體和返回值
}

舉例:

var add =function(m,n){
alert(m+n);
}

add(5,6);  //調(diào)用方法

9.js 全局變量和局部變量

  • 全局變量:在 script 標(biāo)簽里面定義一個(gè)變量,這個(gè)變量在頁面中 js 部分都可以使用
    ——在方法外部使用,在方法內(nèi)部使用,在另一個(gè) script 標(biāo)簽使用
  • 局部變量:在方法內(nèi)部定義一個(gè)變量,只能在方法內(nèi)部使用
    ——如果在方法外部調(diào)用這個(gè)變量,提示出錯(cuò)

10.script 標(biāo)簽放的位置

建議把 script 標(biāo)簽放到 </body>后面

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

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

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