新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › 请教一张web page contains multiple web pages

精华好帖回顾
· KIEHL'S---酒香不怕巷子深 (2009-8-13) ￡猪猪￡	· 回忆在悉尼的点点滴滴 (2009-2-24) 大玉儿
· 【还未成行，心已向往】2300公里狂奔，累并快乐着的新西兰之秋 (2012-4-14) 小狐仙	· 你现在过的还好吗？ (2008-11-20) youyuan

查看: 1481|回复: 17

请教一张web page contains multiple web pages [复制链接]

hornsay

金靴族

发表于 2012-2-21 12:26 |显示全部楼层

此文章由 hornsay 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 hornsay 所有！转贴必须注明作者、出处和本声明，并保持内容完整

如题。

想把一个web page分割成几大块（基本上是几个rows) , 这样如果要贴换其中一块的内容，我只需要把这个内容的html改变一下。我试用了frame, 但感觉不是很合适。我想要那种板块的高度能够自动调节而不是事先要去定义好的。

不知道大家有没有好的建议？

PS: 每个板块(row)的内容是另一个html的内容，静态连接的，没有database.

持不同股见者...

典

银靴族

发表于 2012-2-21 12:38 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

每个板块(row)的内容是另一个html的内容，
好像只能用frame

黑山老妖

钻石靴族

发表于 2012-2-21 13:01 |显示全部楼层

此文章由黑山老妖原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者黑山老妖所有！转贴必须注明作者、出处和本声明，并保持内容完整

CSS?

评分

参与人数 1	积分 +2	收起理由
hornsay	+ 2	感谢分享

查看全部评分

coolioo

皮靴族

发表于 2012-2-21 13:06 |显示全部楼层

此文章由 coolioo 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 coolioo 所有！转贴必须注明作者、出处和本声明，并保持内容完整

HTML server side include

评分

参与人数 1	积分 +2	收起理由
hornsay	+ 2	感谢分享

查看全部评分

o2h2o

银靴族

发表于 2012-2-21 13:15 |显示全部楼层

此文章由 o2h2o 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 o2h2o 所有！转贴必须注明作者、出处和本声明，并保持内容完整

html的内容可以 inject 到 div element 里面去

可以用 div element
用 js+ css 来控制
一些知名的框架都是这样弄

------------
client side include 还可以用 ajax js call 来读取另外的page 来注入到 dom
jquery mobile 就是这样实现的
前提另外的page 是要在 same domain 里面的

[ 本帖最后由 o2h2o 于 2012-2-21 13:18 编辑 ]

评分

参与人数 1	积分 +3	收起理由
hornsay	+ 3	谢谢奉献

查看全部评分

porcorosso

金靴族

发表于 2012-2-21 13:17 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

楼上都讲完了呵呵

div+js+css或是frame

评分

参与人数 1	积分 +2	收起理由
hornsay	+ 2	感谢分享

查看全部评分

典

银靴族

发表于 2012-2-21 13:21 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 o2h2o 于 2012-2-21 12:15 发表
html的内容可以 inject 到 div element 里面去

可以用 div element
用 js+ css 来控制
一些知名的框架都是这样弄

------------
client side include 还可以用 ajax js call 来读取另外的page 来注入到 dom
jquery mobile 就是这样实现的

这个好像要有条件的？除非那些内容页面是很静态的内容？
如果很静态，就可以直接放一起？不懂

[ 本帖最后由典于 2012-2-21 12:24 编辑 ]

stevenbian

金靴族

发表于 2012-2-21 13:22 |显示全部楼层

此文章由 stevenbian 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 stevenbian 所有！转贴必须注明作者、出处和本声明，并保持内容完整

自动调节是指内容吧，框框是定死的啊
<div style="width:200px;height:500px;overflow:auto;">

评分

参与人数 1	积分 +2	收起理由
hornsay	+ 2	感谢分享

查看全部评分

stevenbian

金靴族

发表于 2012-2-21 13:25 |显示全部楼层

此文章由 stevenbian 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 stevenbian 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由典于 2012-2-21 13:21 发表

这个好像要有条件的？除非那些内容页面是很静态的内容？
如果很静态，就可以直接放一起？不懂

不同的域调用客户端会有安全警报。

yang~_~

皮靴族

发表于 2012-2-21 13:46 |显示全部楼层

此文章由 yang~_~ 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 yang~_~ 所有！转贴必须注明作者、出处和本声明，并保持内容完整

iframe + js自适应高度

评分

参与人数 1	积分 +1	收起理由
hornsay	+ 1	最后一分。

查看全部评分

hornsay

金靴族

发表于 2012-2-21 13:46 |显示全部楼层

此文章由 hornsay 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 hornsay 所有！转贴必须注明作者、出处和本声明，并保持内容完整

这么复杂？

看来没法弄了。

典

银靴族

发表于 2012-2-21 13:58 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

最简单的是用10楼说的iframe了，
你可以把这个作为一个小项目包给IT版的兄弟们，业余时间弄弄应该很easy

评分

参与人数 1	积分 +3	收起理由
hornsay	+ 3	感谢分享

查看全部评分

o2h2o

银靴族

发表于 2012-2-21 16:08 |显示全部楼层

此文章由 o2h2o 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 o2h2o 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由典于 2012-2-21 13:21 发表

这个好像要有条件的？除非那些内容页面是很静态的内容？
如果很静态，就可以直接放一起？不懂

他的意思应该是 pageAll.htm page1.html page2.html
pageAll.html 在client 端实现 load page1.html 和 page2.html
这样他可以直接改 page1.html 来更新那个 pageAll.html

hornsay

金靴族

发表于 2012-2-21 23:00 |显示全部楼层

此文章由 hornsay 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 hornsay 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 o2h2o 于 2012-2-21 16:08 发表

他的意思应该是 pageAll.htm page1.html page2.html
pageAll.html 在client 端实现 load page1.html 和 page2.html
这样他可以直接改 page1.html 来更新那个 pageAll.html

对就是这个意思。

现实生活中是ebay的listing. 我想把item description, payment, shipping, terms and conditions 分几段，这样假如你有10个，20个listing, 如果需要改payment的话，我只需要修改payment.html 而不是去把10个，20个listing一一的修改。

我试过frame, 但表现不理想，css还没有用，觉得需要花很多时间。

持不同股见者...