js 怎么载入外部html文件

php可以在网页中用require和include载入外部的html文件如require("nave.html")用js可不可以?不是要在数据库里面提取数据xhcms我贴... php可以在网页中用require 和include 载入外部的html文件 如 require("nave.html")
用js可不可以?
不是要在数据库里面提取数据
xhcms 我贴了你的代码 加载不进页头啊 !!!

latjo 公司要我为JSP程序做美工 做HTML页面 但是很多页面要用同一个页头 用IFRAME不行 因为没法获取到主页面的CSS 用JS<script language="javascript" src="nave.html"></script> 调出的是空的,什么都不显示

调用页是index.html
<html>
<body>
<div id=head> <!--就是要在这里面调入页头导航,本来用PHP轻松搞定<?require("nave.html")?>,但这是静态页--><div>
</body>
</html>

要调用的是 nave.html
<ul class=nave>
<li>首页</li>
<li>产品</li>
</ul>
展开
 我来答
慕云xf
2015-10-15 · 超过16用户采纳过TA的回答
知道答主
回答量:43
采纳率:0%
帮助的人:19.9万
展开全部

比如说,现在有一个外部的html文件test.html,内容是:

<input type="button" value="外部文件按钮" />
<p>外部文件p标签</p>

现在在这个网页中加载test.html中的内容,这个网页的源码为:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        function GetHtml() {
            $.ajax({
                type: "POST",
                url: 'Handler.ashx',      //提交到一般处理程序请求数据     
                success: LoadHtml
            });
        }
        function LoadHtml(data) {
            var div = document.getElementById("out");
            div.innerHTML = data;//注意这里,要是想展示test.heml中的内容就用这个,如果显示源代码则用innerText
        }
    </script>
</head>
<body>
    <input type="button" value="加载外部Html文件内容" onclick="GetHtml()" />
    <div id="out">
    </div>
</body>
</html>

上面脚本中写的Handler.ashx是一个一般处理程序,代码是这样的:

public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "text/plain";
    string html = GetOutsideContent("test.html");
    context.Response.Write(html);
}
public static string GetOutsideContent(string Path)
{
    try
    {
        StreamReader sr = new StreamReader(HttpContext.Current.Server.MapPath(Path), System.Text.Encoding.GetEncoding("utf-8"));
        string content = sr.ReadToEnd().ToString();
        sr.Close();
        return content;
     }
     catch
     {
         return "错误";
     }
}
public bool IsReusable
{
    get
    {
        return false;
    }
}

这是asp.net下的,如果你是使用其他语言的都大同小异,从后台读取文件中的内容,使用Ajax获取后台传递的文件中的内容,思路就是这样。

xhcms
2010-10-26 · 超过63用户采纳过TA的回答
知道答主
回答量:179
采纳率:0%
帮助的人:184万
展开全部
可以。
如果你是要在HTML中调用JS的话。那么在HTML页面中写:
<script language="javascript" src="nave.html"></script>
完事。

如果你是在JS中调用JS的话。那么在JS文件中写:
window.document.write('<scr'+'ipt language=\"javascript\" src=\"nave.html\"></scr'+'ipt>');
完事。

nave.html中的内容必须是JS格式的。否则运行不了。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
latjo
2010-10-27
知道答主
回答量:19
采纳率:0%
帮助的人:0
展开全部
js跨域的问题
解决的方法
1.<script src="xxx" ...
xhcms已经说了 这种方法只能调用js代码
2.<iframe src="xxx" ...
这种方法只适合同父域的情况
3.既然你懂用php获取 那么就用php做代理
代理得到内容后直接输出 或者可以用js去获取自己的代理
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
澄闻网
2010-10-26 · TA获得超过2789个赞
知道大有可为答主
回答量:4683
采纳率:0%
帮助的人:3132万
展开全部
js不可以
只可以通过xmlhttprequest获取,然后插入到网页里
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
windzzm
2010-10-29 · 超过22用户采纳过TA的回答
知道答主
回答量:68
采纳率:0%
帮助的人:0
展开全部
ajax可以的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式