文件包含、调用是个常见问题，稍作整理，发现居然有九点之多。
1.
需要注意的是include.js里不能再包含，扩展名随意，所有内容必须经由document.write()输出
把内容用下面的脚本转换成这种形式


<br><br>以上就是关于包含调用文件的九种方法，希望大家喜欢，请继续关注办公百科网。 <!--end::Text--> </div> <!--end::Description--> <div class="mt-5"> <!--关键词搜索--> <a href="/index.php?s=news&c=search&keyword=%E5%85%B3%E4%BA%8E%E5%8C%85%E5%90%AB%E8%B0%83%E7%94%A8%E6%96%87%E4%BB%B6%E7%9A%84%E4%B9%9D%E7%A7%8D%E6%96%B9%E6%B3%95" class="badge badge-light-primary fw-bold my-2" target="_blank">关于包含调用文件的九种方法</a> </div> <div class="mt-5"> <p class="fc-show-prev-next"> <strong>上一篇：</strong><a href="/changshi/41519.html">怎么讲网页保存(如何完整保存网页及其功能)</a><br> </p> <p class="fc-show-prev-next"> <strong>下一篇：</strong><a href="/changshi/41521.html">网页制作四大妙招视频(如何制作网页最简单的方法)</a> </p> </div> <!--begin::Block--> <div class="d-flex flex-stack mb-2 mt-10"> <!--begin::Title--> <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3> <!--end::Title--> </div> <div class="separator separator-dashed mb-9"></div> <!--end::Block--> <div class="row g-10"> </div> </div> <!--end::Table widget 14--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-xl-4 mt-0"> <!--begin::Chart Widget 35--> <div class="card card-flush h-md-100"> <!--begin::Header--> <div class="card-header pt-5 "> <!--begin::Title--> <h3 class="card-title align-items-start flex-column"> <!--begin::Statistics--> <div class="d-flex align-items-center mb-2"> <!--begin::Currency--> <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span> <!--end::Currency--> </div> <!--end::Statistics--> </h3> <!--end::Title--> </div> <!--end::Header--> <!--begin::Body--> <div class="card-body pt-3"> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p6.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/0be6682557a84445b7ee741d4acdf41f?from=pc')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/changshi/4246160.html" class="text-dark fw-bold text-hover-primary fs-6">世界上最漂亮的人 世界上最漂亮...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/5d7b1f820a4b403aa136bac748c8be9f?from=pc')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/changshi/4246159.html" class="text-dark fw-bold text-hover-primary fs-6">长白山自助游攻略 吉林长白山游...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/pgc-image/e2ed2b3a08484bf1be3e029f3cd7d763?from=pc')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/changshi/4246158.html" class="text-dark fw-bold text-hover-primary fs-6">应用未安装解决办法 平板应用未...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p9.toutiaoimg.com/origin/pgc-image/cddeb4a15e6e4f10bf29386a35c711f9?from=pc')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/changshi/4246157.html" class="text-dark fw-bold text-hover-primary fs-6">阿西吧是什么意思 阿西吧相当于...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">即使你没有受到过任何外语培训，你也懂四国语言。汉语：你好英语：Shit韩语：阿西吧（아，씨발! ）日...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/28853d21814f40fdbfae24b645065016?from=pc')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/changshi/4246156.html" class="text-dark fw-bold text-hover-primary fs-6">猫咪吃了塑料袋怎么办 猫咪误食...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...</span> </div> <!--end::Title--> </div> </div> <!--end::Body--> </div> <!--end::Chart Widget 35--> </div> <!--end::Col--> </div> </div> <!--end::Content container--> </div> <!--end::Content--> </div> <!--end::Content wrapper--> <!--begin::Footer--> <div id="kt_app_footer" class="app-footer"> <!--begin::Footer container--> <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3"> <!--begin::Copyright--> <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2025 ©</span> 办公百科网<a href="http://www.zzldhg.com/">零点化工网</a><a href="http://www.hcygmm.com/">汇川网</a><a href="http://learn.office369.com">学习</a><a href="http://www.zzdfzj.cn/">东方游戏</a><a href="http://share.office369.com">办公分享</a><div style="display:none"><a href="http://www.80hlw.com">八零互联网</a> <a href="http://ask.kcwzh.com">开创问答网</a> <a href="http://www.office369.com">办公应用网</a><a href="https://www.mingxing100.com">明星一百</a><a href="http://tousu.huashangw.com">商务投诉网</a></div><a href="https://www.bitekongjian.com/">比特空间</a><a href="http://lishi.fadeduo.com/">历史</a><a href="http://tiyu.fadeduo.com/">体育</a><a href="http://tansuo.caiding5.cn/">财丁</a><a href="http://che.yuansudz.com/">元素汽车</a><a href="http://cn.yuansudz.com/">元素科技</a><a href="http://www.kthtea.cn/">太和茶叶网</a><a href="http://cn.yexian114.com/">野仙生活网</a> <a href="http://cn.gangyiku.com/">港易生活网</a><a href="http://www.bgjj.cc/">布谷家居网</a><a href="http://health.office369.com/">办公家居网</a><a href="http://travel.office369.com">办公旅游网</a> </div> <!--end::Copyright--> <!--begin::Menu--> <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/changshi/" target="_blank" class="menu-link px-2">办公常识</a> </li> <li class="menu-item"> <a href="/baike/" target="_blank" class="menu-link px-2">办公百科</a> </li> <li class="menu-item"> <a href="/life/" target="_blank" class="menu-link px-2">办公生活</a> </li> </ul> <!--end::Menu--> </div> <!--end::Footer container--> </div> <!--end::Footer--> </div> <!--end:::Main--> </div> <!--end::Wrapper--> </div> <!--end::Page--> </div> <!--end::App--> <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"> <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg--> <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path> </svg> </span> <!--end::Svg Icon--> </div> <!--begin::Javascript--> <script>var hostUrl = "/static/default/pc/";</script> <!--begin::Global Javascript Bundle(mandatory for all pages)--> <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script> <script src="/static/default/pc/js/scripts.bundle.js"></script> <!--end::Global Javascript Bundle--> <!--end::Javascript--> </body> <!--end::Body--> </html>