我应该创建一个索引页,其中某些部分(如页眉和页脚)已修复,但主要内容是可更改的, 我认为必须将我的内容设置为iframe并更改iframe src与JavaScript,但我没有任何想法如何做到这一点。 我该怎么做?有没有其他解决方案?更改固定页面中的可更改内容
回答
嗨也许有更好的选择比帧考虑(这是“坏”的做法)是否是适合你的项目,你可以使用基于jQuery的脚本为Pagify
或其他一些你所选择的:JQUERY ONE PAGE SCRIPTS 在这样你将以更现代的方式表现你的内容。 但它总是取决于最终结果必须是什么。所以如果不是答案,请提供一些更多细节。
我认为你需要遵循我的链接复制粘贴工作示例和构建你的页面,你不需要AJAX这种方式,并会一次生成所有的内容,但不显示它。 – 2013-03-25 10:21:11
哇谢谢,我讨厌改变帧也只是丑陋的,我认为我的问题解决了。 – user2207044 2013-03-25 10:22:38
这个脚本一次加载所有页面? – user2207044 2013-03-25 10:28:02
你可以用CSS做
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<style type="text/css">
body {
margin: 0px;
}
#wrapper {
width: 1000px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#wrapper #header {
width: 1000px;
height: 80px;
background-color: #C90;
position: fixed;
float: left;
}
#wrapper #main {
float: left;
font-family: Arial, sans-serif;
font-size: 12px;
color: #333;
padding: 5px;
width: 990px;
margin-top: 80px;
margin-bottom: 80px;
}
#wrapper #footer {
background-color: #C60;
height: 80px;
width: 1000px;
position: fixed;
bottom: 0px;
float: left;
}
</style>
<script>
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
Header
</div>
<div id="main">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p>
<p>.....</p>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
然后你就可以从服务器的数据加载到与使用Ajax
- 1. 更改html页面内容
- 2. javascript,更改页面内容
- 3. AJAX更改页面内容
- 4. 更新页面内容更改指针
- 5. 更改页面内容throught JavaScript中gmail
- 6. 更改页面的内容标题
- 7. 更改锚点页面的内容
- 8. Htaccess更改页面的内容类型?
- 9. 刷新内容不更改页面
- 10. 使用Angular更改页面内容
- 11. ASP.NET从内容页面更改masterpage usercontrol
- 12. 更改内容概述页面
- 13. Django ComboField更改页面内容
- 14. 页面更改时更改片段内容,ViewPager
- 15. 更改固定元素的内容时不希望的页面滚动
- 16. 更改网页内容?
- 17. 更改网页内容
- 18. 简单的内容更改。上一页 - 下一页更改内容
- 19. 在ViewPager的第4页中更改页面的内容
- 20. 在vb.net的内容页面更改母版页中的元素
- 21. 检测网页内容中的更改
- 22. 更改magento中的页脚内容
- 23. 更改内容
- 24. 更改内容
- 25. 根据内容更改主页面的外观页面
- 26. 从其他页面更改HTML页面的内容
- 27. 如何定义监控页面内容更改的方法?
- 28. 如何确定更改Feed中的确切更改内容
- 29. 更改Angular 2中的路径更改中的页眉和页脚内容
- 30. 使用jquery更改页面内容时停止滚动页面
随便找jquery.ajax,它会很容易。 – egig 2013-03-25 10:07:05
我在ajax noob,我怎么能改变**只是**页面的一部分? – user2207044 2013-03-25 10:16:03
显示你的尝试或你有什么 – theshadowmonkey 2013-03-28 01:25:32