探索背景
不知道你们有没有用到过类似加盟代理的分站啊,只能加入简单的js代码或者编辑友情链接,或者只能填个备案号的那种网站,你没有权限控制网站的主体源代码,但是你有想更改部分样式或者链接!
比如,你想给你的网站设置一个favicon.ico
js实现动态修改favicon.ico
<script type="text/javascript">
var link = document.createElement("link");//先获取link标签对象
link.rel = "shortcut icon";//设置rel类型
link.href = "此处填写你的图标文件绝对地址";//设置href链接
document.head.appendChild(link);//输出修改
</script>
哈哈,也算是曲线救国吧!使用本方法可以举一反三实现很多功能
比如:
<script type="text/javascript">
$("#sub_01").append('<li><a href="/1/">备案域名</a></li>');
//$(".new-user").detach();
$("#mainlevel_10").detach();
$('#sub_07 li:contains(店铺排行榜 )').detach();
//$('.hearnav a:contains(域名竞价)').attr("href","?system_hc_xxx=y");
//$('.hearnav a:contains(域名竞价)').text('更新缓存');
$("#nav").append('<li class="mainlevel " id="mainlevel_018"><a style="color:yellow;" href="#">便捷购买</a><ul id="sub_018" ><li><a href="/?/yba.htm">5元域名</a></li></ul></li>');
$("#nav").append('<li class="mainlevel " id="mainlevel_018"><a style="color:yellow;" href="#">功能导航</a><ul id="sub_018" ><li><a href="/user_shop_add.htm" target="_blank">域名提交出售</a></li><li><a href="/user_jiexi.htm" target="_blank">域名批量解析</a></li><li><a href="http://www.chaicp.com/home_cha/chadns" target="_blank">DNS批量查询</a></li><li><a href="/user_shop_dianpu.htm">域名交易开店</a></li><li><a href="//masuyun.com" target="_blank"><font color="#0000ff">云服务器购买</font></a></li></ul></li>');
$('body').append('<div id="jm-bottombar" style="text-align: center;"><div class="navbar-box">Yumingku.Net 域名交易平台，业务范围涵盖域名注册，域名交易、过期域名抢注，域名买卖等服务，同时为用户提供全面的域名查询服务，域名库带您进入一个不一样的域名世界。</div></div>');
var link = document.createElement("link");
link.rel = "shortcut icon";
link.href = "";
document.head.appendChild(link);
console.log(window.location.pathname);
var url = window.location.href;
if(url.indexOf("/ykj") >= 0 ) {
$('.orders .paicontent ul').detach();//删除原内容
//替换新内容
$(".orders .paicontent").append('<ul><li><strong>一口价推荐：</strong></li><li><a href="/mai-yes.htm?23594476" target="_blank" class="paidomain">81ym.cn</a><br></li><li><a href="https://www.bojinmi.com" target="_blank" class="paidomain">bojinmi.com</a><br></li><li><a href="/mai-yes.htm?23995035" target="_blank" class="paidomain">Lwvip.com</a><br></li><li><a href="/mai-yes.htm?23995032" target="_blank" class="paidomain">szmqhx.Com</a><br></li><li><a href="/mai-yes.htm?ym=quduomi.com" target="_blank" class="paidomain">quduomi.com</a><br></li><li style="margin-right:0;"><a href="/mai-yes.htm?24035929" target="_blank" class="paidomain">siyinet.Com</a><br></li></ul>');
}
</script>
以上代码仅供学习研究,仅为展示js的detach及append功能的使用!