标签 js 下的文章

enter image description here

这两天写NewRealm5的时候,因为首屏需要设置成高度占满全屏,一直很纠结,NewRealm2的时候,我是用的是JS方式,但是这个方式响应式效果不是很理想,每次窗口更改高度都要刷新页面才能看到效果,于是抛弃掉这个方案。

<script type="text/javascript">
function onresize(){ 
var len = document.documentElement.clientHeight;$("#header").css("height",len + 'px');
}; 
onresize();
</script>

较早时间接触过“vh”这个单位,这个单位是吧屏幕分成100个部分,100vh就是占满屏幕高度了,这个方法超级方便,也能较好的支持响应式,在电脑端一切准备就绪之后,在手机端打开瞬间就失望了,手机浏览器好像并不支持vh这个单位,于是求助于

利用强大的搜索引擎,在一番筛选之后,找到了一个超级简单的解决方案,利用CSS方案,就是直接在CSS初始部分加上 html,body{height:100%;}剩下的便是安心的为容器加height:100%;了

本方法依托jQuery

<script type="text/javascript">
    jQuery(document).ready(function(){jQuery("a[rel='external'],a[rel='external nofollow']").click(function(){window.open(this.href);return false})});
</script>

将上方代码丢进主题的任意部分(丢在页脚吧),然后刷新页面,就能很完美的体验了。

由于TE默认使用的是MD编辑器,添加链接的时候无法像WP用户一样选择让文章内的链接在新窗口打开,那么我们其实也可以用JS让文章内的链接在新窗口打开的。

<script type="text/javascript">
    jQuery(document).ready(function($){$('.post-content a').attr({ target:"_blank"})});
</script>

把上面代码一起丢进主题里就行了,Class一般不用修改,如果主题修改程度过大,那么就修改一下.post-content为你主题文章部分的Class吧 OK,愉快的使用吧。