怎樣避免html不存在某元素而導致js取得該元素的屬性資訊而報錯

頁面代碼如下：

<code><empty name="search_data">
    <div class="box">
        <!-- html代码 -->
    </div>
</empty>

<script>
    var top = $('.box').offset().top;
    $("html,body").scrollTop(top);
</script></code>

如上，是thinkphp語法標籤，表示當「search_data」不存在時，才會向頁面輸出class為box的div元素，反之，如果「search_data」資料存在，頁面就不會有box這個div，請問這種情況下，怎樣避免js報錯？