如何用javascrip实现页面调用。急用!在线等待!

fightplane 2003-03-27 11:36:01
用jsp,php中的include可以非常方便的实现对某个文件的调用。
我做了一个top.html,需要让多个页面来调用它。
需要修改就改一个top.html就可以了!
现在我没有上述环境,只能用javascrip来实现这一功能。大侠们帮忙啊!
...全文
29 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
fightplane 2003-03-30
  • 打赏
  • 举报
回复
十分感谢!Estyle你说得很清楚。也谢谢meizz帮起了一个好头
fightplane 2003-03-27
  • 打赏
  • 举报
回复
还有!不能用框架!
fightplane 2003-03-27
  • 打赏
  • 举报
回复
不行啊!你理解错了。
是这样:
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="770" background="../images/top_05.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35%"><img src="images/c.gif" width="10" height="77"></td>
<td width="65%"><img src="../images/banner468.gif" width="468" height="60"></td>
</tr>
</table></td>
</tr>
<tr>
<td background="../images/top_07.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="toptext">
<tr>
<td width="3%"><img src="images/c.gif" width="10" height="51"></td>
<td width="97%"><a href="#">首  页</a> <a href="#">时事快递</a> <a href="#">政务专栏</a>
<a href="#">知识博览</a> <a href="#">时尚娱乐</a> <a href="#">书画社</a> <a href="#">学校主页</a>
<a href="#">学习频道</a> <a href="#">资源中心</a> <a href="#"></a><br>
<a href="#">题  库</a> <a href="#">升学指南</a> <a href="#"></a><a href="#">教改综合
作文苗圃</a> <a href="#">家长学校 思政园</a> <a href="#">成长驿站</a> <a href="#">电脑课堂</a></td>
</tr>
</table> </td>
</tr>
</table>
这部分是所有页面都要调用的html代码。
把这段html做成什么文件不重要,重要的是怎么在另一个页面把它调用并显示出来。
fason 2003-03-27
  • 打赏
  • 举报
回复
<iframe src="top.html"></iframe>
meizz 2003-03-27
  • 打赏
  • 举报
回复
把 top.html 页面的内容都写到一个JS文件里去, 然后在其它的页面里加入一句:

<script language=javascript src=aaa.js></script> 就可以调入这个页面了.
Estyle 2003-03-27
  • 打赏
  • 举报
回复
第一个给的可以用,不过你需要修改一下:
把top.html里面的双引号改成单引号,然后建立一个top.js文件,内容这样写:
var topcontent="这里把网页全部COPY过来";
document.write(topcontent);
就可以了!原来那个top.html可以删除!以后要修改就只修改top.js就可以了。
引用方法: <script src=top.js></script>
注意:一定要把双引号改成单引号或者不要引号!(查找替换很容易。)
其实用潜逃符也可以,不过还是改了比较好。
fightplane 2003-03-27
  • 打赏
  • 举报
回复
上面给的第一个不能用啊!
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧