原创 DOMContentLoaded事件與load事件

他們的區別是,觸發的時機不一樣,先觸發DOMContentLoaded事件,後觸發load事件。 DOM文檔加載的步驟爲: 1.解析HTML結構。

原创 自適應屏幕寬高的div

備忘:JS 實現方法function responsive(){ var a=document.documentElement.clientWidth; var b=document.documentEle

原创 數組和字符串之間的相互轉換

1.數組       轉      字符串 var a, b; a = new Array('a','b','c','d','e'); b = a.join("-"); document.write(b);

原创 求出數組中相同的元素出現的次數

var arr = ["apple","orange","apple","orange","pear","orange"]; function get(){ return arr.reduce(fun

原创 數組去重

</pre>有時一些簡單的代碼總是過一段時間就忘了,特此記下:</p><p><pre name="code" class="html"><script> var arr1=[1,2,3,3,3,4,5,6,6,6,7,8

原创 CSS display:none和visibility:hidden的區別

visibility和display兩個屬性都有隱藏元素的功能,display:none和visibility:hidden的區別,簡單的總結一句話就是:visibility:hidden隱藏,但在瀏覽時保留位置;而display:non

原创 判斷一個變量類型是數組還是對象

第一種方法:優先使用,因爲這種幾乎無缺陷!var arr = [1, 2, 3]; var obj = { name: 'lyl', age: 18,

原创 將所有單詞首字母替換成大寫

備忘: document.write(str.replace(/(^|\s+)\w/g,function(s){ return s.toUpperCase(); })); 點贊 收藏 分享 文章舉報

原创 水平垂直居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"content="width=device-width, initi

原创 隨機數排序

<!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>隨機數排序</title> </head> <body> <scri

原创 輪播圖(小栗子)

備忘: <!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>輪播圖</title> <link rel="stylesh

原创 angularJS入門學習

<!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>angularJS</title> <style> *{

原创 flexslider輪播圖

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

原创 常用 loading 效果

//loading01 HTML<div class="loadEffect"> <span></span> <span></span> <span></span> <span></span>

原创 驗證碼 小栗子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd