原创 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