css3屬性選擇器，css中“~”（波浪號）、“，”（逗號）、“+”（加號）和（大于號）詳解

.a，.b
逗號指相同的css樣式
.a .b
空格指后代元素
.a>.b
大于號指子代元素
.a+.b
這個+是選擇相鄰兄弟，稱作“相鄰兄弟選擇器”

選擇緊接在a元素后出現的b元素， a和b擁有共同的父元素

css中“~”是:
p~ul
為所有相同的父元素中位于 p 元素之后的所有 ul 元素設置背景

js截取最后一個特定字符后面的字符串

var str = '123.456.789.jpg'; 
var name = str.substring(str.lastIndexOf(".")+1); 
console.log(name); //jpg

lastIndexOf()：字符從右向左首次出現位置索引；
indexOf()：字符從左向右首次出現位置索引。

一個頁面中多個window.onload = function(){}沖突問題解決思路

比如在一個頁面中有兩個JAVAScript 分別都用到了window.onload
一個是:window.onload=function(a){...}，另一個是:window.onload=function(b){...}這樣就造成了一個JavaScript 運行不了(一般是前一個)。
解決辦法：把兩部分都封裝成一個函數，然后統一加載

<script type="text/javascript">      
window.onload=function(){
   onload2();    
   onload3();    
}    
function onload2(){    
    
}    
function onload3(){    
    
}
</script>