JS

javascript的簡介

? ? 是基于對(duì)象和事件驅(qū)動(dòng)的語言适贸，應(yīng)用于客戶端

? ? 基于對(duì)象：提供了好多對(duì)象雇逞，可以直接拿來使用

? ? 事件驅(qū)動(dòng)：html做網(wǎng)站靜態(tài)效果毙死，javascript動(dòng)態(tài)效果

? ? 客服端：專門指的是瀏覽器

js的特點(diǎn)

? ? a 交互性：信息的動(dòng)態(tài)交互

? ? b 安全性：js不能訪問本地磁盤的文件

? ? c 跨平臺(tái)性：java里面跨平臺(tái)性试溯，虛擬機(jī)柜去，只要能夠支持js的瀏覽器灰嫉，都可以運(yùn)行

????javascript和java的區(qū)別：

? ? ? ? 1. ?? 不同公司開發(fā)的

? ? ? ? 2.javascript是基于對(duì)象的，java是面向?qū)ο?/p>

? ? ? ? 3.java是強(qiáng)類型的語言嗓奢，js是弱類型的語言

? ? ? ? 4.javascript只需解析就可以執(zhí)行讼撒，而java需要先編譯成字節(jié)碼文件，再執(zhí)行

javascript的組成

1.ECMAScript：

? ? ? ? ECMA：歐洲計(jì)算機(jī)協(xié)會(huì)股耽，制定的js的語法根盒，語句

2.BOM：瀏覽器對(duì)象模型

3.DOM：文檔對(duì)象模型

js和html的結(jié)合方式

1.使用一種標(biāo)簽

<script type="text/javascript"></script>

2.使用script標(biāo)簽，引入一個(gè)外部的js文件

? ? ? ? 創(chuàng)建一個(gè)js文件物蝙，寫js代碼

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

js的原始類型和聲明變量

js的原始數(shù)據(jù)類型

定義變量? 都使用關(guān)鍵字 var

? ? ? ? 1.String：字符串

? ? ? ? ? ? ? var str ="abc";

? ? ? ? 2.number: 數(shù)字類型

? ? ? ? ? ? ?? var m =123;

? ? ? ? 3.boolean:true和false

? ? ? ? ? ? ? ? var flag=true炎滞；

? ? ? ? 4.null

? ? ? ? ? ? ? ? var date =new Date();

? ? ? ? ? ? ? ? 獲取對(duì)象的引用，null表示對(duì)象引用為空茬末，所有對(duì)象的引用也是object

? ? ? ? 5.undifined

? ? ? ? ? ? ? ? 定義一個(gè)變量厂榛，沒有賦值

? ? ? ? ? ? ? ? var aa;

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

js的語句

1.if判斷語句

2.switch語句

? ? ? ? ? ? switch(a){

? ? ? ? ? ? ? ? ? ? case 5:

? ? ? ? ? ? ? ? ? ? ? ? ? ? break;

? ? ? ? ? ? ? ? ? ? ? case 6:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? break;

? ? ? ? ? ? ? ? ? ? ? ? default;

? ? ? ? ? ? ? ? }

3.循環(huán)語句 ?? for while? do-while

? ? ? ? while循環(huán)

? ? ? ? ? ? var? i=5;

? ? ? ? ? ? while(i>1){

? ? ? ? ? ? ? ? ? ? alert(i);

? ? ? ? ? ? ? ? ? ? i--;

????????????}

? ? ? ? for循環(huán)

? ? ? ? for(var mm=0;mm<=3;mm++){

}

js的運(yùn)算符

1.js里面不區(qū)分整數(shù)和小數(shù)

? ? var j =123;

? ? alert(j/1000*1000);

在java中得到的結(jié)果是0

在js里面不區(qū)分整數(shù)和小數(shù)盖矫。123/1000=0.123*1000=123

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

? ? var str="456";

? ? ? alert(str+1); ? 在java和js中的結(jié)果都是4561

? ? ?? alert(str-1);? 相減的時(shí)候，執(zhí)行減法的運(yùn)算

3.boolean類型也可以操作?

? ? 如果設(shè)置成true击奶，相當(dāng)于這個(gè)值是1

? ? 如果設(shè)置成false辈双，相當(dāng)于這個(gè)值是0

4.==和===的區(qū)別

?==比較的是值

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

5.引入知識(shí)

? ? 直接向頁面輸出的語句

? ? document.write("aaaa");

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

js的數(shù)組

定義方式（三種）

? ? 1.? var? arr ={1柜砾，2湃望，3} ? ? ?? var arr={1，"4",true}

? ? 2.使用內(nèi)置對(duì)象? Array對(duì)象

? ? ? ? ? ? ? ? var arr1 =new Array（5）;

? ? ? ? ? ? ? ? arr1[0]=1

? ? 3.使用內(nèi)置對(duì)象? Array對(duì)象

? ? ? ? ? ? ? ? ? var arr2=new Array(3,4,5)

數(shù)組里面有一個(gè)屬性? length：獲取到數(shù)組的長度

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

js的函數(shù)

js里面定義函數(shù)有三種方法

1.使用一個(gè)關(guān)鍵字function

? ? ? ? ? ? function 方法名（參數(shù)列表）{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 方法體

? ? ? ? ? ? ? ? ? ? ? ? ? ? 返回值可有可無（根據(jù)實(shí)際需要）;

????}

2.匿名函數(shù)

? ? ? ? ? ? ? ? ? ? ? ? var add =function{

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 方法體和返回值

}

3.動(dòng)態(tài)函數(shù)

使用js里面的一個(gè)內(nèi)置對(duì)象Function

? ? ? ? var add =new Function（"參數(shù)列表"痰驱，"方法體和返回值"）;

js的全局變量和局部變量

全局變量：在script標(biāo)簽里面定義一個(gè)變量证芭，這個(gè)變量在頁面中js部分都可以使用

? ? 在方法外部使用，在方法內(nèi)部使用担映，在另一個(gè)script標(biāo)簽使用

局部變量：在方法內(nèi)部定義一個(gè)變量废士，只能在方法內(nèi)部使用

? ? 如果在方法的外部調(diào)用這個(gè)變量，提示出錯(cuò)

script標(biāo)簽的位置

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

? ? ? ? 如果現(xiàn)在有這樣一個(gè)要求：

? ? ? ? ? ? 在js里面需要獲取到input里面的值蝇完，如果把script標(biāo)簽放到head里面

? ? ? ? ? ? 會(huì)出問題

? ? ? ? ? ? html解析是從上到下解析的官硝，script標(biāo)簽放到的是head里面，直接在里面取input里面的值

? ? ? ? ? ? 因?yàn)轫撁孢€沒有解析到input那一行短蜕，肯定取不到

js的重載

什么是重載氢架？方法名相同，參數(shù)列表不同

js里面是否有重載

js的String對(duì)象

創(chuàng)建string對(duì)象

? ? ? ? var str ="abc";

? ? ? ? ? ? 屬性：length 字符串的長度

?? 方法：

1.與html相關(guān)的方法

? ? bold():加粗

? ? fontcolor():設(shè)置字符串的顏色

? ? fontsize():設(shè)置字體的大小

? ? link():將字符串顯示成超鏈接

? ? sub() sup(): 下標(biāo)和上標(biāo)????

2.與java相似的方法

? ? concat():連接字符串

? ? ? ? ? ? var str1="abc";

? ? ? ? ? ?? var str2="dfg";

? ? ? ? ? ? document.write(str1.concat(str2));

? ? charAt():返回指定指定位置的字符串

? ? indexOf(): 返回字符串位置

? ? split():切分字符串朋魔，成數(shù)組

? ? replace(): 替換字符串

? ? ? ? ? ? 傳遞兩個(gè)參數(shù) ? ?

? ? ? ? ? ? ? ? 第一個(gè)參數(shù)是原始字符

? ? ? ? ? ? ? ? 要替換成的字符

? ? ? ? ? ? var str6="abcd";

? ? ? ? ? ? document.write( str6.replace("a","Q"));

? ? substr()? substring()

? ? ? ? var str7="abcdefghijkl"

? ? ? ? document.write(str7.substr(5,5));? 從第5位開始岖研，向后截取五個(gè)字符

????????document.write(str7.substring(3,5)); ? 從第幾位開始到第幾位結(jié)束? 【3，5）

?js的Array對(duì)象

創(chuàng)建數(shù)組（三種）

? ? ? ? var arr1= [1,2,3];

? ? ? ? var arr2=new Array(3);

? ? ? ?? var arr3=new Array(1,2,3);

屬性：length：查看數(shù)組的長度

方法： ??

? ? ? ? ? ? concat方法：數(shù)組的連接

? ? ? ? ? ? ? ? ? ? var arr1=[1,2,3];

? ? ? ? ? ? ? ? ? ?? var arr2=[4,5,6];

? ? ? ? ? ? document.write(arr1.concat(arr2));

? ? ? ? ? ? ? ? join():根據(jù)指定的字符分割數(shù)組

? ? ? ? ? ? ? ? ? ? ? ? ? ? var arr13=new Array(3);

? ? ? ? ? ? ? ? ? ? ? ? ? ? arr13[0]="a";

? ? ? ? ? ? ? ? ? ? ? ? ? ? arr13[1]="b";

? ? ? ? ? ? ? ? ? ? ? ? ? ? arr13[2]="c";

? ? ? ? ? ? ? ? ? ? document.write(arr13);

? ? ? ? ? ? ? ? ? ? document.write("<br/>")

? ? ? ? ? ? ? ? ? ? document.write(arr13.join("-"));

? ? ? ? ? ? ? ? ? ?? document.write("<hr/>")

? ? ? ? ? ? ? ? ? ? ? ? push方法：向數(shù)組末尾添加元素警检，返回?cái)?shù)組的新的長度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 如果添加的是一個(gè)數(shù)組孙援，這個(gè)時(shí)候把數(shù)組當(dāng)做一個(gè)整體字符串添加進(jìn)去

? ? ? ? ? ? ? ? var arr15=["aaa","bbb","ccc"];

? ? ? ? ? ? ? ? var arr16=["www","qqq"];

? ? ? ? ? ? ? ? document.write("old array:"+arr15);

? ? ? ? ? ? ? ? document.write("old length:"+arr15.length);

? ? ? ? ? ? ? ? document.write("new length:"+arr15.push(arr16));

? ? ? ? ? ? ? ? document.write("new array:"+arr15);

? ? ? ? ? ? ? ? for(var i=0;i<arr15.length;i++){

? ? ? ? ? ? ? ? ? ? ? ? alert(arr15[i]);

}

? ? ? ? ? ? ? ? ? ? pop():刪除最后一個(gè)元素，返回刪除的那個(gè)元素

? ? ? ? ? ? ? ? ? ? ? ? var arr17=["zhangsan","lisi","wangwu","zhaoliu"];

? ? ? ? ? ? ? ? ? ? ? ? document.write("old array:"+arr17);

? ? ? ? ? ? ? ? ? ? ? ? document.write("return:"+arr17.pop());

? ? ? ? ? ? ? ? ? ? ? ? document.write("new array:"+arr17);

? ? ? ? ? ? ? ? ? ? reverse():顛倒數(shù)組中的元素的順序

js的Date對(duì)象

? ? ? ? js里面獲取當(dāng)前時(shí)間

? ? ? ? ? ? ? ? var date=new Date();

? ? ? ? ? ? document.write(date);

? ? ? ? ? ? document.write(date.toLocaleString());

? ? ? ? ? ? 獲取當(dāng)前的年

? ? ? ? ? ? ? ? getFullYear():

? ? ? ? ? ? ? ? document.write("year:"+date.getFullYear());

? ? ? ? ? ? 獲取當(dāng)前的月方法

? ? ? ? ? ? getMonth():

? ? ? ? ? ? 返回的是0-11解滓，如果想要得到準(zhǔn)確的值需要+1赃磨；

? ? ? ? ? ? var date1=date.getMonth()+1;

? ? ? ? ? ? document.write("Month:"+date1);

? ? ? ? ? ?? 獲取當(dāng)前的星期

? ? ? ? ? ? ? ? getDay()

? ? ? ? ? ? ? ? 返回的是0-6，星期日返回的是0洼裤，

????????????????document.write("week:"+getDay());

? ? ? ? ? ? ? ? 獲取當(dāng)前的日：

? ? ? ? ? ? ? ? getDate()

? ? ? ? ? ? ? ? 返回的是1-31

????????????????????document.write("day:"+getDate());

? ? ? ? ? ? ? ? 獲取當(dāng)前的小時(shí)

? ? ? ? ? ? ? ? getHours()

? ? ? ? ? ? ? ?? 獲取當(dāng)前的分鐘：

? ? ? ? ? ? ? ? ?? getMinutes()

? ? ? ? ? ? ? ? ?? 獲取當(dāng)前的秒：

? ? ? ? ? ? ? ? ? ? getSeconds()

? ? ? ? ? ? ? ? 獲取毫秒數(shù)

? ? ? ? ? ? ? ? getTime()

? ? ? ? ? ? ? ? 返回的是1970 1 1 至今的毫秒數(shù)

? ? ? ? ? ? ? ? document.write("times"+getTime());

js的Math對(duì)象

對(duì)象里面的都是靜態(tài)對(duì)象邻辉，使用可以直接使用Math.方法()

ceil(x):向上舍人

floor(x):向下舍入

round(x):四舍五入

random():得到隨機(jī)數(shù)(偽隨機(jī)數(shù))

?????????得到0-9的隨機(jī)數(shù)

? ? ? ? ? ? document.write(Math.floor(Math.random()*10));

js的全局函數(shù)

由于不屬于任何一個(gè)對(duì)象，直接寫名稱使用

? ? eval():? 執(zhí)行js代碼（如果字符串是一個(gè)js代碼腮鞍，使用方法直接執(zhí)行）

? ? ? ? ?? var str="alert('1234');";

? ? ? ? ? ? eval(str);

? ?? encodeURI():對(duì)字符進(jìn)行編碼

? ?? decoderURI():對(duì)字符進(jìn)行解碼

? ? ? isNaN():判斷當(dāng)前字符串是否是數(shù)字

? ? ? ? ? ? ? ? ? ? var str="aaaa";

? ? ? ? ? ? ? ? ? ? alert(isNaN(str));

? ? ? ? ? ? ? ? ? ? ? ? 如果是數(shù)字值骇，返回false

? ? ? ? ? ? ? ? ? ? ? ? 如果不是數(shù)字，返回true ? ? ??

? ? ? ? passInt():類型轉(zhuǎn)換

? ? ? ? ? ? ? ? ? ? var str3="123";

? ? ? ? ? ? ? ? ? ? document.write(parseInt(str3)+1)

? js的重載

? ? ? 什么是重載移国？方法名相同吱瘩，參數(shù)不同

? ? ? ? js的重載是否存在？不存在

? ? ? ? ? ? 調(diào)用最后一個(gè)方法

? ? ? ? ? ? 把傳遞的參數(shù)保存到arguments數(shù)組里面

? ? js里面是否存在重載迹缀？

? ? ? ? ? ? 1.js里面不存在重載

? ? ? ? ? ? 2.但是可以通過其他方式模擬重載 ?? arguments

js的bom對(duì)象

? ? bom：瀏覽器對(duì)象模型

? ? 有哪些對(duì)象：

? ? ? ? navigator：獲取客戶機(jī)的信息

? ? ? ? screen：獲取屏幕的信息

? ? ? ? location：請(qǐng)求url地址

? ? ? ? ? ? ? ? href屬性

? ? ? ? ? ? ? ? ? ? 獲取到請(qǐng)求的url地址

? ? ? ? ? ? ? ? ? ? 設(shè)置url地址

? ? ? ? ? ? ? ? ? ? ? ? 頁面安置一個(gè)按鈕使碾，按鈕上綁定一個(gè)事件蜜徽，當(dāng)我點(diǎn)擊這個(gè)按鈕，頁面可以跳轉(zhuǎn)到另一個(gè)頁面

? ? ? ?? history：請(qǐng)求的url的歷史記錄

? ? ? ? ? ? ? ? ? ? ?? 到訪問的上一個(gè)頁面

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? history.back();

? ? ? ? ? ? ? ? ? ? ? ? 到訪問的下一個(gè)頁面

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? history.back();

? ? ? ? ? ? window():

js的dom對(duì)象

? dom：文檔對(duì)象模型 ?

? ? 文檔：?

? ? ? ? ? ? 超文本文檔票摇，html拘鞋，xml

? ?? 對(duì)象：

? ? ? ? ? ? ? 提供了屬性和方法

? ? ? 模型：使用屬性和方法操作超文本標(biāo)記型文檔

? ? ? ? ? ? 可以使用js里面的dom里面提供的對(duì)象，使用這些對(duì)象的屬性和方法矢门，對(duì)標(biāo)記型文檔進(jìn)行操作

? ? ? ? ? ? 想要對(duì)標(biāo)記型文檔進(jìn)行操作盆色，首先需要對(duì)標(biāo)記型文檔里面的所有內(nèi)容封裝成對(duì)象

? ? ? ? ? ? ? ? ? ? ? ? 需要把html里面的標(biāo)簽，屬性祟剔，文本內(nèi)容都封裝成對(duì)象

DOM模型

DOM level 1：將html文檔封裝成對(duì)象

DOM level 2：在level 1的基礎(chǔ)上添加新的功能隔躲，例如：對(duì)事件和css樣式的支持 ? ?

DOM level 3：支持xm11.0的一些新特性

DHTML

是很多技術(shù)的簡稱

? ? html：封裝數(shù)據(jù)

? ? css：使用屬性和屬性值設(shè)置樣式

? ? dom：操作html文檔

? ? javascript：專門指的是js的語法語句

document對(duì)象

? ? ? ? 表示整個(gè)的文檔

? ? ? ? 常用方法：

? ? ? ? ? ? ? write()方法：

? ? ? ? ? ? ? ? ? ? 1.向頁面輸出變量（值）

? ? ? ? ? ? ? ? ? ? 2.向頁面輸出html代碼

? ? ? ? ? ? ?? getElementById();

? ? ? ? ? ? ? ? ? ? 通過id得到元素（標(biāo)簽）

? ? ? ? ? ? ? ? ? ? //使用 getElementById得到input標(biāo)簽

? ? ? ? ? ? ? ? ? ? var input1=document. getElementById("nameid");

? ? ? ? ? ? ? ? ? ? //得到input里面的value值

? ? ? ? ? ? ? ? ? ? alert(input1.name);

? ? ? ? ? ? ? ? ? ? //向input里面設(shè)置一個(gè)值value

? ? ? ? ? ? ? ? ? ? input1.value="bbbbb";

? ? ? ? ? ? ? ? getElementsByName();

? ? ? ? ? ? ? ? ? ? 通過標(biāo)簽的name的屬性值得到的標(biāo)簽

? ? ? ? ? ? ? ? ? ? 返回的是一個(gè)集合（數(shù)組）

? ? ? ? ? ? ? ? ? ? var inputs =document.getElementByName("name1"); //傳遞的參數(shù)是? 標(biāo)簽里面的name的值

? ? ? ? ? ? ? ? ? ? for(var i=0;i<inputs.length;i++){

? ? ? ? ? ? ? ? ? ? ? ? ? ? var input1=input[i]; //每次循環(huán)得到的input對(duì)象，賦值到input1里面

? ? ? ? ? ? ? ? ? ? ? ? ? ? alert（input1.value）; //得到每個(gè)input標(biāo)簽里面的value值

? }

? ? ? ? ? ? ? ? ? ? ? getElementByTagName("標(biāo)簽名稱");

? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 通過標(biāo)簽的名稱得到元素

?? 元素對(duì)象（element對(duì)象）

? ? ? ? ? ? ? ? ? ? 要操作element對(duì)象物延，首先必須要獲取到element

????????????????????????????????使用document里面相應(yīng)的方法獲取

? ? ? ? ? ? ? ? ? ? 方法：

? ? ? ? ? ? ? ? ? ? ? ? ? ? 獲取屬性里面的值

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? getAttribute（"屬性名稱 "）

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? var input1=document.getElementById("inputid");

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //alert(input1.value);

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? alert(input1.getAttribute("value"));

? ? ? ? ? ? ? ? ? ? ? ? ? ? 設(shè)置屬性的值

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? input1.setAttribute("class","haha");

? ? ? ? ? ? ? ? ? ? ? ? ? ? 刪除屬性

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? input1.removeAttribute（"name"）;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 不能刪除value

? ? ? ? ? ? ? ? ? ? 想要獲取標(biāo)簽下面的子標(biāo)簽

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 使用屬性childNodes宣旱，但是這個(gè)屬性兼容性很差

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 獲的標(biāo)簽下面子標(biāo)簽的唯一方法，使用getElementsByTagName方法

Node對(duì)象屬性

nodename

?nodeType

? nodeValue

使用dom解析html時(shí)候叛薯，需要html里面的標(biāo)簽响鹃，屬性和文本都封裝成對(duì)象

?標(biāo)簽節(jié)點(diǎn)對(duì)應(yīng)的值：

? ? ? nodeType：1

? ? ? nodeName：大寫標(biāo)簽名稱? 比如span

? ? ? nodeValue：null

屬性節(jié)點(diǎn)對(duì)應(yīng)的值：

? ? nodeType：2

? ? nodeName：屬性名稱

? ? nodeValue：屬性的值

文本節(jié)點(diǎn)對(duì)應(yīng)的值

???? nodeType：3

? ? nodeName：#text

? ? nodeValue：文本內(nèi)容

Node對(duì)象的屬性二

<ul>

? ? ? ? <li>qqqqq</li>

? ? ? ? <li>wwww</li>

? ? 父節(jié)點(diǎn) ??

? ? ? ? ? ? ? ? ul是li的父節(jié)點(diǎn)

? ? ? ? ? ? ? ? parentNode

? ? ? ? ? ? ? ? //得到li1

? ? ? ? ? ? ? ? var li1 =document.getElmentById("li1");

? ? ? ? ? ? ? ? var ul1=li1.parentNode;

? ? ? ? ? ? ? ? alert(ul1.id);

? ? 子節(jié)點(diǎn)

? ? ? ? ? ? ? ? li是ul的子節(jié)點(diǎn)

? ? ? ? ? ? ? ? childNodes：得到所有的子節(jié)點(diǎn)，但兼容性很差

? ? ? ? ? ? ? ? firstChild：獲取第一個(gè)子節(jié)點(diǎn)

? ? ? ? ? ? ? ? lastChild：獲取最后一個(gè)子節(jié)點(diǎn)

? ? 同輩節(jié)點(diǎn)

? ? ? ? ? ? ? ? li直接關(guān)系是同輩節(jié)點(diǎn)

? ? ? ? ? ? ? ? nextSibling:返回一個(gè)給定節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn)

? ? ? ? ? ? ? ? previousSibling：返回上一個(gè)給定節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn)

innerHTML屬性

? ? ? ? ? ? ? ?? 這個(gè)屬性不是dom的組成部分案训，但大多數(shù)瀏覽器都支持的屬性

? ? ? ? ? ? ? ? 第一個(gè)作用：獲取文本內(nèi)容

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //獲取span標(biāo)簽

? ? ? ? ? ? ? ? ? ? ? ? ? ? var span1=document.getElementById("sid");

? ? ? ? ? ? ? ? ? ? ? ? ? ? alert(span1.innerTML)

? ? ? ? ? ? ? ? 第二個(gè)作用：向標(biāo)簽里面設(shè)置內(nèi)容（可以是html代碼）

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //向div里面設(shè)置內(nèi)容<h1>AAAA</h1>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //獲取div

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? var div11=document.getElmentById（"div11"）;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //設(shè)置內(nèi)容

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? div11.innerHTML="<h1>AAAA</h1>";

???????????????????????????????????????

????????????????????????????????

最后編輯于：2019.04.15 20:39:02

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市粪糙，隨后出現(xiàn)的幾起案子强霎，更是在濱河造成了極大的恐慌，老刑警劉巖蓉冈，帶你破解...
沈念sama閱讀 212,884評(píng)論 6贊 492
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件城舞，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡寞酿，警方通過查閱死者的電腦和手機(jī)家夺，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,755評(píng)論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來伐弹，“玉大人拉馋，你說我怎么就攤上這事〔液茫” “怎么了煌茴？”我有些...
開封第一講書人閱讀 158,369評(píng)論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長日川。經(jīng)常有香客問我蔓腐，道長，這世上最難降的妖魔是什么龄句？我笑而不...
開封第一講書人閱讀 56,799評(píng)論 1贊 285
?港島之戀（遺憾婚禮）
正文為了忘掉前任回论，我火速辦了婚禮散罕，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘傀蓉。我一直安慰自己欧漱，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 65,910評(píng)論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布僚害。她就那樣靜靜地躺著硫椰，像睡著了一般。火紅的嫁衣襯著肌膚如雪萨蚕。梳的紋絲不亂的頭發(fā)上靶草，一...
開封第一講書人閱讀 50,096評(píng)論 1贊 291
城市分裂傳說
那天，我揣著相機(jī)與錄音岳遥，去河邊找鬼奕翔。笑死，一個(gè)胖子當(dāng)著我的面吹牛浩蓉，可吹牛的內(nèi)容都是我干的派继。我是一名探鬼主播，決...
沈念sama閱讀 39,159評(píng)論 3贊 411
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼捻艳，長吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼驾窟！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起认轨，我...
開封第一講書人閱讀 37,917評(píng)論 0贊 268
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤绅络，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后嘁字，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體恩急，經(jīng)...
沈念sama閱讀 44,360評(píng)論 1贊 303
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,673評(píng)論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年纪蜒，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了衷恭。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 38,814評(píng)論 1贊 341
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡纯续，死狀恐怖随珠，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情杆烁，我是刑警寧澤牙丽，帶...
沈念sama閱讀 34,509評(píng)論 4贊 334
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站兔魂，受9級(jí)特大地震影響烤芦，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜析校，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 40,156評(píng)論 3贊 317
男人毒藥：我在死后第九天來索命
文/蒙蒙一构罗、第九天我趴在偏房一處隱蔽的房頂上張望铜涉。院中可真熱鬧，春花似錦遂唧、人聲如沸芙代。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,882評(píng)論 0贊 21
一樁弒父案盖彭，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽纹烹。三九已至，卻和暖如春召边，著一層夾襖步出監(jiān)牢的瞬間铺呵，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 32,123評(píng)論 1贊 267
情欲美人皮
我被黑心中介騙來泰國打工隧熙，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留片挂，地道東北人。一個(gè)月前我還...
沈念sama閱讀 46,641評(píng)論 2贊 362
代替公主和親
正文我出身青樓贞盯，卻偏偏與公主長得像音念，于是被迫代替她去往敵國和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子躏敢，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 43,728評(píng)論 2贊 351

JS