纯粹的html, 好几个页面,共同的部分比如banner, footer等,想抽出来到一个文件,像django中的模板一样,该如何做?iframe? - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
yaotian

纯粹的html, 好几个页面,共同的部分比如banner, footer等,想抽出来到一个文件,像django中的模板一样,该如何做?iframe?

  •  
  •   yaotian Jun 17, 2013 8375 views
    This topic created in 4718 days ago, the information mentioned may be changed or developed.
    27 replies    1970-01-01 08:00:00 +08:00
    germ
        1
    germ  
       Jun 17, 2013
    TempAccount
        2
    TempAccount  
       Jun 17, 2013
    小手术SSI, 中型手术转成xslt
    raincious
        3
    raincious  
       Jun 17, 2013
    refresh
        4
    refresh  
       Jun 17, 2013
    我理解错了吗,是不是可以用模板解决问题?比如说jade之类的
    raptor
        5
    raptor  
       Jun 17, 2013
    要强大点可以用JS模板……比如上面说的jade
    简单点就直接插几个JS write一下。
    yaotian
        6
    yaotian  
    OP
       Jun 17, 2013
    @TempAccount 不用服务器端支持。纯html
    yaotian
        7
    yaotian  
    OP
       Jun 7, 2013
    @refresh 纯html, 不能用服务器支持。比如纯html5 运行在手机上。
    DaniloSam
        8
    DaniloSam  
       Jun 17, 2013
    你把生产环境和线上弄混了

    生产环境为什么不能有服务器不能有SSI不能有模板

    发布之后合并成静态文件不就好了?
    franky_xhl
        9
    franky_xhl  
       Jun 17, 2013
    @yaotian jQuery能用吧?

    $('#banner').load('banner.html');
    yaotian
        10
    yaotian  
    OP
       Jun 17, 2013
    @DaniloSam 比如我用纯html5写手机客户端, 就不能有server.
    loethen
        11
    loethen  
       Jun 17, 2013
    html文件之间不能引用吧。如果没有server端的话。
    bombless
        12
    bombless  
       Jun 17, 2013
    @loethen 所以po主坚持用iframe,哈哈。
    bombless
        13
    bombless  
       Jun 17, 2013
    看了下jade,感觉这种项目干嘛不干脆直接用Racket的那一套response/xexpr?
    iamocean
        14
    iamocean  
       Jun 17, 2013
    感觉这个合适你。。
    iamocean
        15
    iamocean  
       Jun 17, 2013

    漏了链接地址:
    https://github.com/cdc-im/atc
    zhttty
        16
    zhttty  
       Jun 17, 2013
    相当于直接复制粘贴head最简单,做开发的时候将独立的部分抽离出来,写个脚本自动将include的页面都生产成静态页面
    fiture
        17
    fiture  
       Jun 17, 2013
    我觉得还是只有,让程序来配合你咯。
    yaotian
        18
    yaotian  
    OP
       Jun 17, 2013
    @franky_xhl 这个可行。但是有个问题:当打开页面的时候先出现页面,然后再load, 中间有明显切换。你是如何解决的?
    airyland
        19
    airyland  
       Jun 17, 2013
    无论是ajax load还是html5 object都会遇到SEO的问题。我的方法是用分成多个block,规定好调用方式,写个简单的node脚本合并,快速方便。
    zhujinliang
        20
    zhujinliang  
       Jun 17, 2013
    开发过程中使用php,做完了后再写个脚本导出如何?
    greatghoul
        21
    greatghoul  
       Jun 17, 2013
    你干脆用 dreamwaver 配一个站点模板,定义几个块,虽然生成的文件依然是每个页面一份重复的,但重复的部分只在一个地方维护。
    franky_xhl
        22
    franky_xhl  
       Jun 17, 2013
    @yaotian 嗯,确实有这个问题。遇到这种问题我想我会配置下Grunt做自动化生成
    yaotian
        23
    yaotian  
    OP
       Jun 17, 2013
    @franky_xhl 我的解决办法是: 对于<head>中的模板, 直接调用head.js, 用document.write()写。在body中的用load来替换。这样就好很多。

    供大家参考。
    willmouse
        24
    willmouse  
       Jun 17, 2013
    不理解,你写前端的HTML,难道不用模板吗?banner siderbar head之类的写到相应的模板里,其他部分单独写不就得了,跟@DaniloSam说的一样,你在写的时候不会不用模板吧?模板编译之后不就是纯HTML和JS吗,哪来的服务端?
    hpyhacking
        25
    hpyhacking  
       Jun 18, 2013
    干嘛非要在运行时做呢?何不找一套开发框架在开发的时候做。
    xieranmaya
        26
    xieranmaya  
       Jun 18, 2013 via Android
    jQuery的load就不错,真的
    kennedy32
        27
    kennedy32  
       Jun 18, 2013
    php
    About     Help     Advertise     Blog     API     FAQ     Solana     3009 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 63ms UTC 12:38 PVG 20:38 LAX 05:38 JFK 08:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86