2021-12-06

十三这刷、認(rèn)識BOM&DOM
1.BOM

BOM 是瀏覽器對象模型婉烟，就可以理解成是當(dāng)前瀏覽器打開的窗口

window對象 就是 BOM。通過window對象 可以操作瀏覽器本身 它里面提供了一些操作當(dāng)前瀏覽器的對象和方法暇屋。

1.1. 各種彈框：

window.alert('消息框')

window.prompt('輸入框')

window.confirm('確認(rèn)框')

1.2. 打開和關(guān)閉窗口：

open()方法似袁，打開新的窗口

window.open('http://baidu.com')

close()方法，關(guān)閉當(dāng)前窗口

window.close()

1.3. 通用方法：

window.parseInt('123') //將字符串的'123'咐刨，強(qiáng)轉(zhuǎn)為整型的123

window.parseFloat('12.12') //將字符串的'12.12'昙衅，強(qiáng)轉(zhuǎn)為浮點(diǎn)型的12.12

window.isNaN('abc') //判斷'abc'，不是數(shù)值數(shù)據(jù)定鸟，成立返回true

1.4. 定時器方法：

指定毫秒后而涉，執(zhí)行的定時器? =>? window.setTimeout()

每隔指定的毫秒后，執(zhí)行的定時器 => window.setInterval()

1.5. 常用屬性：

location屬性：

location是window對象的屬性联予，該屬性用于設(shè)置網(wǎng)頁的地址欄

location.href屬性 表示跳轉(zhuǎn)啼县，當(dāng)前瀏覽器的地址欄發(fā)生了跳轉(zhuǎn)

其實超鏈接標(biāo)簽的內(nèi)部就是對location.href屬性的封裝

window.location.

location.reload()方法 表示刷新當(dāng)前地址欄（刷新當(dāng)前窗口）

window.location.reload()

history屬性：

history是window對象的屬性，該屬性用于設(shè)置網(wǎng)頁的瀏覽歷史記錄

forward()前進(jìn)

window.history.forward()

back()后退

window.history.back()

go()方法沸久，既可以實現(xiàn)前進(jìn)谭羔，也可以實現(xiàn)后退

window.history.go(1) //前進(jìn)一次

window.history.go(3) //前進(jìn)三次

window.history.go(-1) //后退一次

window.history.go(-3) //后退三次

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>JS的組成部分</title>

</head>

<body>

? ? <script>

? ? ? ? // JS的組成部分：

? ? ? ? // 1. ECMAScript，是JS的核心語法麦向，目前最新的標(biāo)準(zhǔn)是ES6。所謂ES6客叉，指的是ECMAScript2015之后的版本

? ? ? ? // 2. BOM诵竭，是瀏覽器對象模型，提供了操作瀏覽器的api

? ? ? ? // 3. DOM兼搏，是文檔對象模型卵慰，提供了操作當(dāng)前網(wǎng)頁的api

? ? ? ? // window對象就BOM，它提供了操作當(dāng)前瀏覽器的方法

? ? ? ? console.log(window);

? ? ? ? /* // 1.各種彈框

? ? ? ? // 消息框

? ? ? ? window.alert('消息框')

? ? ? ? // 輸入框

? ? ? ? window.prompt('請輸入：')

? ? ? ? // 確認(rèn)框

? ? ? ? window.confirm('確定嗎佛呻？') */

? ? ? ? // 2. 定時器

? ? ? ? // setTimeout定時器裳朋，在指定的毫秒后執(zhí)行一次

? ? ? ? window.setTimeout(()=>{

? ? ? ? ? ? // 3. open方法，用于打開新的窗口

? ? ? ? ? ? // window.open('http://baidu.com')

? ? ? ? },5000);

? ? ? ? // setInterval定時器吓著，每隔指定的毫秒后執(zhí)行一次

? ? ? ? window.setInterval(()=>{

? ? ? ? ? ? console.log('好好學(xué)習(xí)鲤嫡，天天向上');

? ? ? ? },1000)

? ? ? ? window.setTimeout(()=>{

? ? ? ? ? ? // 4. close方法，用于關(guān)閉當(dāng)前窗口

? ? ? ? ? ? // window.close()

? ? ? ? },10000)

? ? ? ? // 5.數(shù)據(jù)轉(zhuǎn)換方法

? ? ? ? let num1 = window.parseInt('100')

? ? ? ? console.log(typeof num1);

? ? ? ? let num2 = window.parseFloat('100.55')

? ? ? ? console.log(typeof num2);

? ? ? ? console.log(window.isNaN('100'));

? ? ? ? console.log(window.isNaN('100s'));

? ? ? ? // window對象還提供了一些屬性

? ? ? ? // 1.location屬性里面保存的是地址欄相關(guān)的信息

? ? ? ? console.log(window.location);

? ? ? ? // 跳轉(zhuǎn)到其他地址绑莺，其實超鏈接內(nèi)部就是對location屬性的封裝

? ? ? ? // setTimeout(() => {

? ? ? ? //? ? window.location.

? ? ? ? // }, 5000);

? ? ? ? // 2.history屬性里面保存的是歷史記錄

? ? ? ? console.log(window.history);

? ? ? ? // 由于window對象是瀏覽器環(huán)境里面的默認(rèn)對象就是window對象暖眼，所以，是window對象的成員時纺裁，可以省略window對象

? ? </script>

</body>

</html>

2.DOM

DOM 是文檔對象模型诫肠，就是當(dāng)前網(wǎng)頁里面的所有內(nèi)容司澎。

因為網(wǎng)頁是在瀏覽器中顯示的，整個瀏覽器是BOM栋豫，所以DOM其實是BOM的一部分

BOM 就是 window對象 挤安，DOM 就是 document對象

2.1使用DOM獲取網(wǎng)頁元素：

如果該元素，是網(wǎng)頁的必備元素丧鸯，而且只能有一個蛤铜，可以通過document對象直接獲取。

比如：head,title,body

document.body.style.border = "1px solid #ccc"?

document.title = 'helloworld

更多的時候骡送，我要需要獲取網(wǎng)頁中的指定元素昂羡，這就需要專門的方法來獲取了。

getElementById()方法摔踱，根據(jù)元素的id屬性值來獲取指定的元素虐先。

注意：如果網(wǎng)頁中id屬性值重復(fù)，只獲取第一個派敷。

getElementsByTagName()方法蛹批，根據(jù)元素的標(biāo)簽名獲取所有該元素。

getElementsByClassName()方法篮愉，根據(jù)元素的類選擇器名稱獲取所有該元素腐芍。

getElementsByName()方法，根據(jù)元素的name屬性值獲取所有該元素试躏。

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>DOM</title>

</head>

<body>

? ? <h2 name="red">北京</h2>

? ? <h2 class="blue">南京</h2>

? ? <div id="sh">上海</div>

? ? <div id="sh">武漢</div>

? ? <p name="red">長沙</p>

? ? <p class="blue">合肥</p>

? ? <script>

? ? ? ? // DOM是網(wǎng)頁的所有內(nèi)容猪勇，網(wǎng)頁是通過瀏覽器打開的，所以，DOM是BOM的一部分寇僧。

? ? ? ? console.log(window);? //window對象是整個BOM

? ? ? ? console.log(window.document);? //window對象的document屬性就是DOM

? ? ? ? // 使用DOM獲取網(wǎng)頁元素

? ? ? ? // 1.如果該網(wǎng)頁元素巫湘，在一個網(wǎng)頁中只會出現(xiàn)一次，通過document可以直接獲取

? ? ? ? document.title = "好好學(xué)習(xí)DOM"

? ? ? ? document.body.style.backgroundColor = "lightblue"

? ? ? ? // 2.如果網(wǎng)頁元素椅您，在網(wǎng)頁中會經(jīng)常使用，就需用通過特定的方法來獲取

? ? ? ? // getElementsByTagName()方法寡键，根據(jù)標(biāo)簽的名稱獲取所有該標(biāo)簽

? ? ? ? let hs = document.getElementsByTagName('h2')

? ? ? ? hs[0].innerText = '天津'

? ? ? ? hs[1].innerText = '東京'

? ? ? ? // getElementById()方法掀泳，根據(jù)標(biāo)簽的id屬性名稱，獲取對應(yīng)的標(biāo)簽

? ? ? ? // 如果id屬性值不唯一西轩，只獲取第一個

? ? ? ? let sh = document.getElementById('sh')

? ? ? ? sh.innerText = '鐵嶺'

? ? ? ? // getElementsByName()方法员舵，根據(jù)標(biāo)簽的name屬性值，獲取所有對應(yīng)的標(biāo)簽

? ? ? ? let red = document.getElementsByName('red')

? ? ? ? for(let i=0;i<red.length;i++){

? ? ? ? ? ? red[i].style.color="red"

? ? ? ? }

? ? ? ? // getElementsByClassName()方法藕畔，根據(jù)標(biāo)簽的class屬性值固灵，獲取所有對應(yīng)的標(biāo)簽

? ? ? ? let blue = document.getElementsByClassName('blue')

? ? ? ? for(let i=0;i<blue.length;i++){

? ? ? ? ? ? blue[i].style.backgroundColor = 'blue'

? ? ? ? }

? ? </script>

</body>

</html>

簡單的封裝一下：

function $(id){

? ? return document.getElementById(id)

}

querySelector()方法，根據(jù)選擇器的名稱返回元素劫流，如果有多個元素巫玻，只返回第一個元素丛忆。

querySelectorAll()方法，根據(jù)選擇器的名稱返回所有的元素仍秤。

注意：querySelectorAll()方法熄诡，返回的是集合對象，不是數(shù)組對象诗力』烁。可以利用展開運(yùn)算符，將集合對象轉(zhuǎn)為數(shù)組對象苇本。

轉(zhuǎn)為數(shù)組對象后袜茧，就可以使用數(shù)組相關(guān)的方法了。

let divs2 = [...divs]

querySelector()和querySelectorAll()方法里面也可以寫所有的css選擇器瓣窄。

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>封裝DOM獲取</title>

? ? <style>

? ? ? ? .c{

? ? ? ? ? ? font-size: 30px;

? ? ? ? ? ? color: red;

? ? ? ? }

? ? </style>

</head>

<body>

? ? <div id="nj"></div>

? ? <div id="sh"></div>

? ? <hr>

? ? <div class="a">

? ? ? ? <div class="b">

? ? ? ? ? ? <div class="c">巧克力</div>

? ? ? ? </div>

? ? </div>

? ? <div class="c">薯片</div>

? ? <script>

? ? ? ? // 定義一個獲取元素的方法

? ? ? ? function $(id){

? ? ? ? ? ? return document.getElementById(id)

? ? ? ? }

? ? ? ? $('nj').innerText = '南京'

? ? ? ? $('sh').innerText = '上海'

? ? ? ? console.log('---------------------------------------');

? ? ? ? // querySelector()方法笛厦，根據(jù)選擇器規(guī)則，獲取對應(yīng)的第一個元素

? ? ? ? // 如果選擇器的返回的結(jié)果不止一個俺夕，只返回第一個裳凸。

? ? ? ? let c = document.querySelector('.a .b .c')

? ? ? ? c.innerText = '蘋果'

? ? ? ? // querySelectorAll()方法，根據(jù)選擇器規(guī)則劝贸，獲取對應(yīng)的所有元素

? ? ? ? let cs = document.querySelectorAll('.c')

? ? ? ? cs.forEach(r=>{

? ? ? ? ? ? r.style.backgroundColor = 'pink'

? ? ? ? })

? ? </script>

</body>

</html>

2.2. 操作DOM元素的內(nèi)容和樣式

操作DOM的樣式姨谷，有多種方式：

1.通過style屬性直接設(shè)置

2.通過className屬性設(shè)置類選擇器

3.也可以通過classList屬性添加多個類選擇器

操作DOM的內(nèi)容：

1.innerText屬性，用于獲取 和 操作 DOM的文本內(nèi)容映九。

2.innerHTML屬性梦湘，用于獲取 和 操作 DOM的HTML內(nèi)容。

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>操作DOM的內(nèi)容和樣式</title>

? ? <style>

? ? ? ? div{

? ? ? ? ? ? border: 1px solid #eee;

? ? ? ? ? ? margin: 5px 0;

? ? ? ? ? ? padding: 5px;

? ? ? ? }

? ? ? ? .class1{

? ? ? ? ? ? font-size: 30px;

? ? ? ? ? ? color: blue;

? ? ? ? ? ? border-radius: 5px;

? ? ? ? ? ? background-color: lightblue;

? ? ? ? }

? ? ? ? .size{

? ? ? ? ? ? font-size: 30px;

? ? ? ? }

? ? ? ? .color{

? ? ? ? ? ? color: green;

? ? ? ? }

? ? ? ? .radius{

? ? ? ? ? ? border-radius: 5px;

? ? ? ? }

? ? ? ? .bgcolor{

? ? ? ? ? ? background-color: lightcoral;

? ? ? ? }

? ? </style>

</head>

<body>

? ? <div class="a"></div>

? ? <div class="b"></div>

? ? <div id="c">我正在學(xué)習(xí)JS-DOM</div>

? ? <div id="d">我正在學(xué)習(xí)HTML</div>

? ? <button id="size">添加大小</button>

? ? <button id="color">添加顏色</button>

? ? <button id="radius">添加圓角</button>

? ? <button id="bgcolor">添加背景</button>

? ? <br><br>

? ? <button id="size2">移除大小</button>

? ? <button id="color2">移除顏色</button>

? ? <button id="radius2">移除圓角</button>

? ? <button id="bgcolor2">移除背景</button>

? ? <div id="e">我正在學(xué)習(xí)JavaScript</div>

? ? <script>

? ? ? ? // innerText屬性設(shè)置內(nèi)容時件甥，不能識別html標(biāo)簽捌议，會將html標(biāo)簽以文本的形式呈現(xiàn)

? ? ? ? document.querySelector('.a').innerText = '<h2>好好學(xué)習(xí)，天天向上</h2>'

? ? ? ? // innerHTML屬性設(shè)置內(nèi)容時嚼蚀，能夠識別html標(biāo)簽

? ? ? ? document.querySelector('.b').innerHTML = '<h2>好好學(xué)習(xí)，天天向上</h2>'

? ? ? ? let c = document.querySelector('#c')

? ? ? ? // 通過style屬性設(shè)置元素的樣式

? ? ? ? c.style.color='red'

? ? ? ? // 如果樣式名稱是多個單詞的組合管挟，需要使用小駝峰命名規(guī)范

? ? ? ? c.style.fontSize='30px'

? ? ? ? let d = document.querySelector('#d')

? ? ? ? // 通過className屬性轿曙，給元素指定一個類選擇器

? ? ? ? d.className = 'class1'

? ? ? ? //獲取div#e元素

? ? ? ? let e = document.querySelector('#e')

? ? ? ? // 通過classList屬性，給元素添加多個類選擇器

? ? ? ? //獲取#size按鈕僻孝，并給按鈕注冊一個點(diǎn)擊事件

? ? ? ? document.querySelector('#size').onclick = function(){

? ? ? ? ? ? // 通過add方法导帝，添加類選擇器

? ? ? ? ? ? e.classList.add('size')

? ? ? ? }

? ? ? ? // 顏色按鈕點(diǎn)擊事件

? ? ? ? document.querySelector('#color').onclick = function(){

? ? ? ? ? ? e.classList.add('color')

? ? ? ? }

? ? ? ? // 圓角按鈕點(diǎn)擊事件

? ? ? ? document.querySelector('#radius').onclick = function(){

? ? ? ? ? ? e.classList.add('radius')

? ? ? ? }

? ? ? ? // 背景按鈕點(diǎn)擊事件

? ? ? ? document.querySelector('#bgcolor').onclick = function(){

? ? ? ? ? ? e.classList.add('bgcolor')

? ? ? ? }

? ? ? ? // 下面是移除樣式

? ? ? ? document.querySelector('#size2').onclick = function(){

? ? ? ? ? ? // 通過remove方法，移除類選擇器

? ? ? ? ? ? e.classList.remove('size')

? ? ? ? }

? ? ? ? document.querySelector('#color2').onclick = function(){

? ? ? ? ? ? e.classList.remove('color')

? ? ? ? }

? ? ? ? document.querySelector('#radius2').onclick = function(){

? ? ? ? ? ? e.classList.remove('radius')

? ? ? ? }

? ? ? ? document.querySelector('#bgcolor2').onclick = function(){

? ? ? ? ? ? e.classList.remove('bgcolor')

? ? ? ? }

? ? </script>

</body>

</html>

2.3. 操作DOM元素的屬性

獲取和設(shè)置標(biāo)簽自帶的屬性(原生屬性)穿铆，直接點(diǎn)

let src = img.src //src是圖片標(biāo)簽的原生屬性

獲取和設(shè)置標(biāo)簽自定義的屬性您单，需要通過getAttribute()和setAttribute()方法

setAttribute()方法，設(shè)置元素的屬性值荞雏，需要傳兩個參數(shù)（屬性名和屬性值）

getAttribute()方法虐秦，獲取元素的屬性值平酿，只需要傳一個參數(shù)（屬性名）

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>操作DOM的屬性</title>

</head>

<body>

? ? <button id="btn1">顯示圖片</button>

? ? <button id="btn2">更換圖片title</button>

? ? <button id="btn3">給圖片添加address屬性</button>

? ? <br>

? ? <img id="img" title="美麗的風(fēng)景">

? ? <script>

? ? ? ? //獲取圖片標(biāo)簽

? ? ? ? let img = document.querySelector('#img')

? ? ? ? //獲取按鈕并添加點(diǎn)擊事件

? ? ? ? document.querySelector('#btn1').onclick = function(){

? ? ? ? ? ? // 獲取 或 設(shè)置 標(biāo)簽的原生屬性，直接點(diǎn)

? ? ? ? ? ? img.src = 'https://img2.baidu.com/it/u=4265591365,617998863&fm=26&fmt=auto'

? ? ? ? }

? ? ? ? document.querySelector('#btn2').onclick = function(){

? ? ? ? ? ? img.title = '美麗的森林'

? ? ? ? }

? ? ? ? document.querySelector('#btn3').onclick = function(){

? ? ? ? ? ? // 獲取屬性的統(tǒng)一方法 getAttribute('屬性名稱')

? ? ? ? ? ? // 設(shè)置屬性的統(tǒng)一方法 setAttribute('屬性名稱','屬性值')

? ? ? ? ? ? img.setAttribute('address','地址在西班牙')

? ? ? ? ? ? // console.log(img.getAttribute('address'));

? ? ? ? }

? ? </script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>js-輪播圖</title>

</head>

<body>

? ? <img id="img">

? ? <script>

? ? ? ? //圖片數(shù)組

? ? ? ? let arr = ["http://p1.music.126.net/wBMu9w9U8o7k4CDssm5FDg==/109951166684652624.jpg?imageView&quality=89",

? ? ? ? ? ? ? ? ? ? "http://p1.music.126.net/82byaQmflAHb77TFu5l5HQ==/109951166682139804.jpg?imageView&quality=89",

? ? ? ? ? ? ? ? ? ? "http://p1.music.126.net/5u6sN5t0dV1HuYjwMrgLbQ==/109951166684095755.jpg?imageView&quality=89",

? ? ? ? ? ? ? ? ? ? "http://p1.music.126.net/k_nbrLSjaqTw1e1Qqy2zDQ==/109951166684891970.jpg?imageView&quality=89",

? ? ? ? ? ? ? ? ? ? "http://p1.music.126.net/uVakCiFutVAzUWZXa8olzQ==/109951166681362674.jpg?imageView&quality=89"]

? ? ? ? //獲取圖片對象

? ? ? ? let img = document.querySelector('#img')

? ? ? ? //定義一個下標(biāo)

? ? ? ? let index = 0

? ? ? ? //默認(rèn)顯示第一張圖片

? ? ? ? img.src = arr[index]

? ? ? ? setInterval(() => {

? ? ? ? ? ? //如果下標(biāo)已經(jīng)越界了悦陋，從頭開始

? ? ? ? ? ? if(index===arr.length-1) index = -1

? ? ? ? ? ? //3秒鐘切換蜈彼，顯示下一張圖片

? ? ? ? ? ? img.src = arr[++index]

? ? ? ? }, 3000);

? ? </script>

</body>

</html>

2.4. 創(chuàng)建和刪除DOM元素

createElement()方法，用于創(chuàng)建DOM元素

appendChild()方法俺驶，用于在當(dāng)前DOM元素中添加子元素

刪除元素有兩種寫法：

1.自刪 remove()方法幸逆，是元素刪除自己

2.通過父級刪除子級 removeChild()方法，是刪除元素里面指定的子元素

補(bǔ)充1：onclick是點(diǎn)擊事件暮现，on表示當(dāng)还绘，click表示點(diǎn)擊

補(bǔ)充2：parentElement和parentNode屬性，返回父級元素

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>創(chuàng)建和刪除元素</title>

? ? <style>

? ? ? ? *{

? ? ? ? ? ? list-style: none;

? ? ? ? }

? ? ? ? #root{

? ? ? ? ? ? border: 1px solid #ccc;

? ? ? ? ? ? padding: 10px;

? ? ? ? }

? ? </style>

</head>

<body>

? ? <span>城市：</span>

? ? <input type="text" id="city">

? ? <button id="addElement">添加一個元素</button>

? ? <ul id="root">

? ? </ul>

? ? <div>

? ? ? ? <p></p>

? ? </div>

? ? <script>

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

? ? ? ? let ul = document.querySelector('#root')

? ? ? ? //獲取文本框

? ? ? ? let city = document.querySelector("#city")

? ? ? ? document.querySelector('#addElement').onclick = function(){

? ? ? ? ? ? // createElement()方法栖袋，用于創(chuàng)建元素

? ? ? ? ? ? // 創(chuàng)建一個li標(biāo)簽

? ? ? ? ? ? let li = document.createElement('li')

? ? ? ? ? ? li.innerHTML = city.value? //從文本框里面獲取value屬性值

? ? ? ? ? ? // appendChild()方法拍顷，用于向當(dāng)前元素里面追加子元素

? ? ? ? ? ? ul.appendChild(li)

? ? ? ? ? ? // 給創(chuàng)建的每一個li標(biāo)簽，綁定一個點(diǎn)擊事件栋荸，點(diǎn)擊li標(biāo)簽時菇怀，刪除自己

? ? ? ? ? ? li.onclick = function(){

? ? ? ? ? ? ? ? // 事件方法里面的this，指向事件的調(diào)用者

? ? ? ? ? ? ? ? // console.log(this);?

? ? ? ? ? ? ? ? // 刪除元素的第一種方式晌块，自刪

? ? ? ? ? ? ? ? // li.remove()

? ? ? ? ? ? ? ? // 刪除元素的第二種方式爱沟，由父級刪除子級

? ? ? ? ? ? ? ? ul.removeChild(li)

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? // parentElement 和 parentNode 返回父級元素

? ? ? ? console.log(document.querySelector('p').parentElement);

? ? ? ? console.log(document.querySelector('p').parentNode);

? ? </script>

</body>

</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市匆背，隨后出現(xiàn)的幾起案子呼伸，更是在濱河造成了極大的恐慌，老刑警劉巖钝尸，帶你破解...
    沈念sama閱讀 222,000評論 6贊 515
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件括享，死亡現(xiàn)場離奇詭異，居然都是意外死亡珍促，警方通過查閱死者的電腦和手機(jī)铃辖，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來猪叙，“玉大人娇斩，你說我怎么就攤上這事⊙妫” “怎么了犬第？”我有些...
    開封第一講書人閱讀 168,561評論 0贊 360
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長芒帕。 經(jīng)常有香客問我歉嗓，道長，這世上最難降的妖魔是什么背蟆？ 我笑而不...
    開封第一講書人閱讀 59,782評論 1贊 298
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任鉴分，我火速辦了婚禮哮幢，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘冠场。我一直安慰自己家浇，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評論 6贊 397
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布碴裙。 她就那樣靜靜地躺著钢悲，像睡著了一般。 火紅的嫁衣襯著肌膚如雪舔株。 梳的紋絲不亂的頭發(fā)上莺琳，一...
    開封第一講書人閱讀 52,394評論 1贊 310
  • 城市分裂傳說
    那天，我揣著相機(jī)與錄音载慈，去河邊找鬼惭等。 笑死，一個胖子當(dāng)著我的面吹牛办铡，可吹牛的內(nèi)容都是我干的辞做。 我是一名探鬼主播，決...
    沈念sama閱讀 40,952評論 3贊 421
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼寡具，長吁一口氣：“原來是場噩夢啊……” “哼秤茅！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起童叠，我...
    開封第一講書人閱讀 39,852評論 0贊 276
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤框喳，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后厦坛，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體五垮，經(jīng)...
    沈念sama閱讀 46,409評論 1贊 318
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評論 3贊 341
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年杜秸，在試婚紗的時候發(fā)現(xiàn)自己被綠了放仗。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,615評論 1贊 352
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡撬碟，死狀恐怖诞挨，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情小作，我是刑警寧澤亭姥，帶...
    沈念sama閱讀 36,303評論 5贊 350
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布稼钩，位于F島的核電站顾稀，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏坝撑。R本人自食惡果不足惜静秆，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評論 3贊 334
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一粮揉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧抚笔，春花似錦扶认、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0贊 24
  • 一樁弒父案辐宾，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至膨蛮，卻和暖如春叠纹，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背敞葛。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工誉察， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人惹谐。 一個月前我還...
    沈念sama閱讀 49,041評論 3贊 377
  • 代替公主和親
    正文 我出身青樓持偏，卻偏偏與公主長得像，于是被迫代替她去往敵國和親氨肌。 傳聞我的和親對象是個殘疾皇子鸿秆，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評論 2贊 359

推薦閱讀更多精彩內(nèi)容

  • 一.作用和分類 作用: 就是使用 JS 去操作 html 和瀏覽器 分類：DOM (文檔對象模型)、BOM（瀏覽器...
    冰雪也消融閱讀 252評論 0贊 0
  • JavaScript中Dom 1.基本概念 1.1 什么是window? window：是一個全局對象, 代表瀏覽...
    煤球快到碗里來閱讀 250評論 0贊 0
  • ##小程序儒飒，大世界 ###簡介 · 小程序解決了什么問題 · 小程序技術(shù)棧 HTML/CSS/JavaScript...
    玫瑰的lover閱讀 334評論 0贊 0
  • ECMAscript 基礎(chǔ)語法 變量 數(shù)據(jù)類型 運(yùn)算符 數(shù)組 函數(shù) 對象 BOM 瀏覽器對象模型 window對象...
    淺笑_閱讀 222評論 0贊 0
  • BOM js的組成部分： 1.ECMAScript谬莹，是js的核心語法，目前最新的標(biāo)準(zhǔn)是ES6（ECMAScript...
    王呀呀閱讀 286評論 0贊 0