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>