<?xml version='1.0' encoding='utf-8'?>
<FilingSummary>
  <Version>3.24.2.u1</Version>
  <ProcessingTime/>
  <ReportFormat>html</ReportFormat>
  <ContextCount>266</ContextCount>
  <ElementCount>41</ElementCount>
  <EntityCount>1</EntityCount>
  <FootnotesReported>false</FootnotesReported>
  <SegmentCount>30</SegmentCount>
  <ScenarioCount>0</ScenarioCount>
  <TuplesReported>false</TuplesReported>
  <UnitCount>6</UnitCount>
  <MyReports>
    <Report instance="8dcb30e26f43832.htm">
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R1.htm</HtmlFileName>
      <LongName>030000 - Disclosure - Form N-CSR Cover</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://xbrl.sec.gov/oef/role/NcsrCover</Role>
      <ShortName>Form N-CSR Cover</ShortName>
      <MenuCategory>Cover</MenuCategory>
      <Position>1</Position>
    </Report>
    <Report instance="8dcb30e26f43832.htm">
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R2.htm</HtmlFileName>
      <LongName>030001 - Disclosure - Shareholder Report</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://xbrl.sec.gov/oef/role/ShareholderReport</Role>
      <ShortName>Shareholder Report</ShortName>
      <MenuCategory>Notes</MenuCategory>
      <Position>2</Position>
    </Report>
    <Report instance="8dcb30e26f43832.htm">
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R3.htm</HtmlFileName>
      <LongName>040010 - Disclosure - Shareholder Report, Line Graph (Details)</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://xbrl.sec.gov/oef/role/ShareholderReportLineGraphDetails</Role>
      <ShortName>Shareholder Report, Line Graph (Details)</ShortName>
      <MenuCategory>Details</MenuCategory>
      <Position>3</Position>
    </Report>
    <Report instance="8dcb30e26f43832.htm">
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R4.htm</HtmlFileName>
      <LongName>040020 - Disclosure - Shareholder Report, Holdings (Details)</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://xbrl.sec.gov/oef/role/ShareholderReportHoldingsDetails</Role>
      <ShortName>Shareholder Report, Holdings (Details)</ShortName>
      <MenuCategory>Details</MenuCategory>
      <Position>4</Position>
    </Report>
    <Report instance="8dcb30e26f43832.htm">
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R9999.htm</HtmlFileName>
      <LongName>Uncategorized Items - 8dcb30e26f43832.htm</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://xbrl.sec.gov/role/uncategorizedFacts</Role>
      <ShortName>Uncategorized Items - 8dcb30e26f43832.htm</ShortName>
      <MenuCategory>Cover</MenuCategory>
      <Position>5</Position>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <LongName>All Reports</LongName>
      <ReportType>Book</ReportType>
      <ShortName>All Reports</ShortName>
    </Report>
  </MyReports>
  <InputFiles>
    <File doctype="N-CSR" isDefinitelyNotFs="true" isNcsr="true" isOEF="true" isRRorOEF="true" isUsgaap="true" original="8dcb30e26f43832.htm">8dcb30e26f43832.htm</File>
    <File>jhsbf-20240711.xsd</File>
  </InputFiles>
  <SupplementalFiles>
    <File>chartimages_5007900.jpg</File>
    <File>chartimages_5007907.jpg</File>
    <File>chartimages_5007972.jpg</File>
    <File>chartimages_5007979.jpg</File>
    <File>chartimages_5008008.jpg</File>
    <File>chartimages_5008015.jpg</File>
    <File>chartimages_5008044.jpg</File>
    <File>chartimages_5008051.jpg</File>
    <File>chartimages_5008080.jpg</File>
    <File>chartimages_5008087.jpg</File>
    <File>chartimages_5008116.jpg</File>
    <File>chartimages_5008123.jpg</File>
    <File>chartimages_5008152.jpg</File>
    <File>chartimages_5008159.jpg</File>
    <File>images_3372.jpg</File>
    <File>images_3374.jpg</File>
    <File>images_3467.jpg</File>
    <File>img9b99435b2.gif</File>
    <File>imgc1275cfd3.gif</File>
    <File>imgc528cbde1.gif</File>
  </SupplementalFiles>
  <BaseTaxonomies>
    <BaseTaxonomy items="14">http://fasb.org/us-gaap/2023</BaseTaxonomy>
    <BaseTaxonomy items="12">http://xbrl.sec.gov/dei/2023</BaseTaxonomy>
    <BaseTaxonomy items="435">http://xbrl.sec.gov/oef/2023</BaseTaxonomy>
  </BaseTaxonomies>
  <HasPresentationLinkbase>false</HasPresentationLinkbase>
  <HasCalculationLinkbase>false</HasCalculationLinkbase>
</FilingSummary>
