js 怎么载入外部html文件

2024-11-18 22:51:26
推荐回答(5个)
回答1:

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


外部文件p标签

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



    
    
    
    
        function GetHtml() {
            $.ajax({
                type: "POST",
                url: 'Handler.ashx',      //提交到一般处理程序请求数据     
                success: LoadHtml
            });
        }
        function LoadHtml(data) {
            var div = document.getElementById("out");
            div.innerHTML = data;//注意这里,要是想展示test.heml中的内容就用这个,如果显示源代码则用innerText
        }
    


    
    
    


上面脚本中写的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获取后台传递的文件中的内容,思路就是这样。

回答2:

可以。
如果你是要在HTML中调用JS的话。那么在HTML页面中写:

完事。

如果你是在JS中调用JS的话。那么在JS文件中写:
window.document.write('');
完事。

nave.html中的内容必须是JS格式的。否则运行不了。

回答3:

js跨域的问题
解决的方法
1.