不想被误人子弟的话,请不要看下文,直接移到http://blog.zezeshe.com/archives/study-javascript-1.html观摩
正则替换网页中的文字等
<script>
var s= document.body.innerHTML;
s=s.replace('待替换内容(支持正则)','目标内容');
document.body.innerHTML=s;
</script>
为目标标签添加class
$('#目标id').each(function(){
$(this).addClass('目标class')
})
对设置和移除所有<p>
元素的 "main" 类进行切换:
$("button").click(function(){
$("p").toggleClass("main");
});
为目标添加style
document.getElementById('test').style.display = 'none';
document.getElementsByClassName('test').style.display = 'none';
document.getElementByTagName('p').style.display = 'none';
修改目标标签的某个属性添加参数,如下面两个
$('#目标id').prop('class', '目标class');
$("#目标id").attr("target","_blank");
为目标标签点击触发事件
$("#目标id").click(function(){
事件
}
建站时间计时
function show_date_time(){window.setTimeout("show_date_time()",1e3);var BirthDay=new Date("6/6/2015 18:18:00"),today=new Date,timeold=today.getTime()-BirthDay.getTime(),msPerDay=864e5,e_daysold=timeold/msPerDay,daysold=Math.floor(e_daysold),e_hrsold=24*(e_daysold-daysold),hrsold=Math.floor(e_hrsold),e_minsold=60*(e_hrsold-hrsold),minsold=Math.floor(60*(e_hrsold-hrsold)),seconds=Math.floor(60*(e_minsold-minsold));span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"}
show_date_time();
替换目标标签的内容,需要加载jq
$(document).ready(function(){
$('.tags span').replaceWith('目标内容');
});
当浏览器的窗口大小被改变时触发的事件window.onresize事件指定代码:
window.onresize = function(){
事件
}
版权属于:泽泽社长
本文链接:http://blog.zezeshe.com/archives/javascript-code.html
本站未注明转载的文章均为原创,并采用
CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
markjs渣路过(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄
我也是渣!所以存些常用的!以免每次都百度