原创 記錄web中常見的幾種菜單效果
1.摺疊菜單： html部分： <!--摺疊菜單--> <div id="tab"> <h3><span>+</span>這是第一項</h3> <div>這是第一項的內容</div> <h3><span>-</sp
2020-06-24 17:49:17
原创 js中的構造函數，原型，原型鏈，繼承
在自身的理解中，這幾個概念是分不開的，不能脫離一種去了解另外一種。在網上看到很多資料，但是每個人對於他們的理解可能有些不同，而且發現對某些概念網上的資料有的並沒有說清楚，所以本人寫了這篇文章，希望能夠對讀者產生一點作用、 1.首先要介紹j
2020-06-24 17:49:17
原创 js自定義函數名不可以命名爲click
最近再寫js的時候，遇到一種函數命名的情況，因爲以前在android中有時候將函數名命名爲“click”，程序可以正常運行，所以再js中也設置了函數名爲"click",結果編譯不通過。 <input type="button" οncli
2020-06-24 17:49:16
原创 js中dom0級事件和dom2級事件使用
1.dom0級事件 在介紹dom0級事件之前，先簡單介紹一下html事件，類似與一下代碼的事件都叫做html事件： <div οnclick="fun([實參])"></div> <script type="text/javascr
2020-06-24 17:49:16
原创 利用JS實現基本的圖片輪播功能，包括鼠標的經過事件
注意： 本代碼只是參考代碼，全是在本地的數據，並沒有和後臺服務器進行交互，不過有些地方還是一樣的。可以作爲參考 html部分： <div id="lb"> <img src="img/1462962491.jpg" id="i
2020-06-24 17:49:06
原创 關於js中的冒泡和捕獲
js中的冒泡和捕獲其實都是事件流的不同表現，這兩者的產生是因爲某兩個大公司完全不同的事件流概念產生的。（事件流：是指頁面接受事件的順序）。 舉個簡單的例子： <div id="div"> <p id="p"> <i
2020-06-24 17:49:06
原创 js和jQurey中獲取select標籤選中的值
網上有很多介紹，但是感覺可能有些同學看過之後還是懵懵懂懂不是很清楚，所有就寫了這篇文章，詳細的介紹一下關於select標籤value的情況 1.在原生js中 <select id="mys"> <option>請選擇</opti
2020-02-23 07:05:43
原创 js獲取可視化區域的寬和高以及滑動條距離頂部的距離
1.注意由於瀏覽器的多樣性，所以我們在獲取頁面可視化區域的寬和高時，要在各個瀏覽器之間實現兼容。 2.與獲取可視化區域寬、高一樣，在我們獲取頁面滑動條距離頂部的距離的時候也會遇到瀏覽器兼容問題。 綜上，所以在我們獲取以上內容的時候。可以
2020-02-23 07:05:43
原创 js中splice對數組的操作
js中的splice主要是對數組進行的操作，可以進行刪除、添加等功能。 1.刪除功能：splice(index,howmany) index： 表示從數組的第幾個元素開始howany:表示要刪除幾項(包括index在內) <!D
2020-02-23 07:05:43
原创 js中的原型
1.原型的概念： 不同的參照資料對於原型的概念可能稍微有一點不同，我認爲的原型就是每一個構造函數都有一個私有的prototype屬性。我覺得這個構造函數的prototype屬性就是原型。 <script type="text/javas
2020-02-23 07:05:43
原创 js中的繼承詳解
在js中實現的繼承的方法可以有多種，除了原型繼承之後，還可以使用借用、僞造構造函數的方法實現繼承等等。接下來我們就詳細的介紹一下這幾種方式。 1.js中的原型繼承 關於原型繼承的內容其實在上一篇博客中已經介紹過，這裏就只說一下它的實現方式
2020-02-23 07:05:43
原创 js中的原型繼承需要注意的問題
1.js中的原型繼承 首先要知道在js中是不支持繼承的，可以藉助其他的方式來模擬這種過程。二話不說先上代碼： <script type="text/javascript"> function Person(name){ th
2020-02-23 07:05:43
原创 關於js中的作用域和作用域鏈以及常見的問題和結果方法
在js中不僅有原型鏈還存在這作用域和作用域鏈。首先在介紹作用域和作用域鏈之前，先讓我們瞭解一下局部變量和全局變量 1.全局變量和局部變量 全局變量：定義在函數外部的變量可以被叫做全局變量 局部變量：定義在函數內部的變量，但是如果變量在函數
2020-02-23 07:05:43
原创 js中call,apply和bind方法的區別和使用場景
在js中，所有的函數再被調用的時候都會默認傳入兩個參數，一個是this，還有一個是arguments。在默認情況下this都是指當前的調用函數的對象。但是有時候我們需要改變this的指向，也就是說使函數可以被其他對象來調用，那麼我們應該怎
2020-02-23 07:05:43