如何仅在第一页上应用此样式？

Question

I have this site:

link

CODE JS:

$('.entry-content').css('height', 100+'vh');
$('.entry-content').css('height', $('.entry-content').outerHeight() - 50);
$(window).on('resize',function(){

    $('.entry-content').css('height', 100+'vh');
    $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);

});

These functions should be applied only on the first page. Can I access different div style to apply only on the first page?

I tried to put this code, but unfortunately does not work ... apply on all pages.

CODE CSS:

article>.entry-content{height:auto !important;}

Can you help me solve this problem?

Thanks in advance!

EDIT:

 if ( window.currentPage == "homepage" ) {

    $('.entry-content').css('height', 100+'vh');
    $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);
    $(window).on('resize',function(){

    $('.entry-content').css('height', 100+'vh');
    $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);

    });
 }

Code work in document.ready code only go in ... if you put in resize function not working.

Answer 1

Bad way,

You can check specific DOM element length which only added on homepage

// #onlyhomepage Only exist DOM on homepage
if ( $("#onlyhomepage").length ) {

    $('.entry-content').css('height', 100+'vh');
    $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);
    $(window).on('resize',function(){

        $('.entry-content').css('height', 100+'vh');
        $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);

    });

}

Good way,

Simply add a global JavaScript variable on your homepage

HTML ( Homepage HTML )

<script>
    window.currentpage = "homepage";
</script>

JavaScript ( External Js File )

if ( window.currentPage == "homepage" ) {

    $('.entry-content').css('height', 100+'vh');
    $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);
    $(window).on('resize',function(){

        $('.entry-content').css('height', 100+'vh');
        $('.entry-content').css('height', $('.entry-content').outerHeight() - 50);

    });

}