<?xml version="1.0" encoding="utf-8"?>
<FilingSummary xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <Version>2.4.0.6</Version>
  <ProcessingTime />
  <ReportFormat>Html</ReportFormat>
  <ContextCount>29</ContextCount>
  <ElementCount>95</ElementCount>
  <EntityCount>1</EntityCount>
  <FootnotesReported>true</FootnotesReported>
  <SegmentCount>15</SegmentCount>
  <ScenarioCount>0</ScenarioCount>
  <TuplesReported>false</TuplesReported>
  <UnitCount>2</UnitCount>
  <MyReports>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R1.htm</HtmlFileName>
      <LongName>000000 - Document - Document and Entity Information</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DocumentDocumentandEntityInformation</Role>
      <ShortName>Document and Entity Information</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>true</HasEmbeddedReports>
      <HtmlFileName>R2.htm</HtmlFileName>
      <LongName>000011 - Document - Risk/Return Summary {Unlabeled} - Bond Fund</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DocumentRiskReturnSummaryUnlabeledBondFund</Role>
      <ShortName>Risk/Return Summary  - Bond Fund</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R9.htm</HtmlFileName>
      <LongName>000019 - Disclosure - Risk/Return Detail Data {Elements} - Bond Fund</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DisclosureRiskReturnDetailDataElementsBondFund</Role>
      <ShortName>Risk/Return Detail Data  - Bond Fund</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>true</HasEmbeddedReports>
      <HtmlFileName>R10.htm</HtmlFileName>
      <LongName>000021 - Document - Risk/Return Summary {Unlabeled} - Bond Fund Class I</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DocumentRiskReturnSummaryUnlabeledBondFundClassI</Role>
      <ShortName>Risk/Return Summary  - Bond Fund Class I</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R16.htm</HtmlFileName>
      <LongName>000029 - Disclosure - Risk/Return Detail Data {Elements} - Bond Fund Class I</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DisclosureRiskReturnDetailDataElementsBondFundClassI</Role>
      <ShortName>Risk/Return Detail Data  - Bond Fund Class I</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>true</HasEmbeddedReports>
      <HtmlFileName>R17.htm</HtmlFileName>
      <LongName>000031 - Document - Risk/Return Summary {Unlabeled} - Bond Fund Class R2</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DocumentRiskReturnSummaryUnlabeledBondFundClassR2</Role>
      <ShortName>Risk/Return Summary  - Bond Fund Class R2</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R23.htm</HtmlFileName>
      <LongName>000039 - Disclosure - Risk/Return Detail Data {Elements} - Bond Fund Class R2</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DisclosureRiskReturnDetailDataElementsBondFundClassR2</Role>
      <ShortName>Risk/Return Detail Data  - Bond Fund Class R2</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>true</HasEmbeddedReports>
      <HtmlFileName>R24.htm</HtmlFileName>
      <LongName>000041 - Document - Risk/Return Summary {Unlabeled} - Bond Fund Class R6</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DocumentRiskReturnSummaryUnlabeledBondFundClassR6</Role>
      <ShortName>Risk/Return Summary  - Bond Fund Class R6</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R30.htm</HtmlFileName>
      <LongName>000049 - Disclosure - Risk/Return Detail Data {Elements} - Bond Fund Class R6</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://www.jhfunds.com/role/DisclosureRiskReturnDetailDataElementsBondFundClassR6</Role>
      <ShortName>Risk/Return Detail Data  - Bond Fund Class R6</ShortName>
    </Report>
    <Report>
      <IsDefault>false</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <HtmlFileName>R31.htm</HtmlFileName>
      <LongName>040000 - Disclosure - Risk/Return Detail Data {Elements}</LongName>
      <ReportType>Sheet</ReportType>
      <Role>http://xbrl.sec.gov/rr/role/RiskReturnDetailData</Role>
      <ShortName>Risk/Return Detail Data</ShortName>
    </Report>
    <Report>
      <IsDefault>true</IsDefault>
      <HasEmbeddedReports>false</HasEmbeddedReports>
      <LongName>All Reports</LongName>
      <ReportType>Book</ReportType>
      <ShortName>All Reports</ShortName>
    </Report>
  </MyReports>
  <Logs />
  <InputFiles>
    <File>jhsbf-20120926.xml</File>
    <File>jhsbf-20120926.xsd</File>
    <File>jhsbf-20120926_cal.xml</File>
    <File>jhsbf-20120926_def.xml</File>
    <File>jhsbf-20120926_lab.xml</File>
    <File>jhsbf-20120926_pre.xml</File>
  </InputFiles>
  <SupplementalFiles>
    <File>BarChart1.jpg</File>
    <File>BarChart2.jpg</File>
    <File>BarChart3.jpg</File>
    <File>BarChart4.jpg</File>
  </SupplementalFiles>
  <BaseTaxonomies />
  <HasPresentationLinkbase>true</HasPresentationLinkbase>
  <HasCalculationLinkbase>true</HasCalculationLinkbase>
</FilingSummary>
