首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >javascript常用代码记录

javascript常用代码记录

作者头像
泽泽社长
发布2023-04-17 17:06:49
发布2023-04-17 17:06:49
25700
代码可运行
举报
文章被收录于专栏:泽泽社泽泽社
运行总次数:0
代码可运行

不想被误人子弟的话,请不要看下文,直接移到http://blog.zezeshe.com/archives/study-javascript-1.html观摩

正则替换网页中的文字等

代码语言:javascript
代码运行次数:0
运行
复制
<script>
var s= document.body.innerHTML;
s=s.replace('待替换内容(支持正则)','目标内容');
document.body.innerHTML=s;
</script>

为目标标签添加class

代码语言:javascript
代码运行次数:0
运行
复制
$('#目标id').each(function(){
  $(this).addClass('目标class')
})

对设置和移除所有

元素的 "main" 类进行切换:

代码语言:javascript
代码运行次数:0
运行
复制
$("button").click(function(){
  $("p").toggleClass("main");
});

为目标添加style

代码语言:javascript
代码运行次数:0
运行
复制
document.getElementById('test').style.display = 'none';
document.getElementsByClassName('test').style.display = 'none';
document.getElementByTagName('p').style.display = 'none';

修改目标标签的某个属性添加参数,如下面两个

代码语言:javascript
代码运行次数:0
运行
复制
  $('#目标id').prop('class', '目标class');
$("#目标id").attr("target","_blank");

为目标标签点击触发事件

代码语言:javascript
代码运行次数:0
运行
复制
$("#目标id").click(function(){
事件
}

建站时间计时

代码语言:javascript
代码运行次数:0
运行
复制
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

代码语言:javascript
代码运行次数:0
运行
复制
 $(document).ready(function(){ 
            $('.tags span').replaceWith('目标内容'); 
        }); 

当浏览器的窗口大小被改变时触发的事件window.onresize事件指定代码:

代码语言:javascript
代码运行次数:0
运行
复制
window.onresize = function(){
事件
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档