html网页中如何调用另一个html网页的一部分

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html网页中如何调用另一个html网页的一部分相关的知识,希望对你有一定的参考价值。

我要调用另一个网页中的一部分,比如只要右边的一条,不要左边的一部分,怎么写啊

<table width="760" border="0" align="center" cellpadding="1" cellspacing="1">  

<tr> 

<td> 

<p align="center" style="margin-top: -190px;margin-left: -109">

<iframe width="860" height="650" src="url" class="t-iframe" scrolling="no" security="restricted" sandbox="" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 

</td> 

</tr> 

</table>

扩展资料:

参数

url,[data,[callback]]String,Map/String,CallbackV1.0

url:待装入 html 网页网址。

data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

callback:载入成功时回调函数。

示例

1、描述:

加载文章侧边栏导航部分至一个无序列表。

HTML 代码:

<b>jQuery Links:</b><ul id="links"></ul>

jQuery 代码:

$("#links").load("/Main_Page #p-Getting-Started li");

2、描述:

加载 feeds.html 文件内容。

jQuery 代码:

$("#feeds").load("feeds.html");

参考技术A 将需要调用的部分做成单独的页面,再用iframe语句插入就行

Iframe标记的使用格式是:

<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src:文件的路径,既可是HTML文件,也可以是文本、ASP等;
width、height:"画中画"区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0。

比如:

<Iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe>
参考技术B 他们说的都是在一个html网页中如何调用另一个html网页,而不是调用部分。
如果这两个网页都是你自己做的,就把公共的部分做成另一 网页html格式的,然后在其他两个网页中用 他们说的办法调用。
参考技术C 两种方法
1.使用iframe框架,并且附加css样式,让他的margin属性为负值,恰好到右边那条那里即可

2.使用xmlhttp异步获取另一页面源代码,取出右边那条的内容,动态加载在本页
参考技术D 如果你要实现这个功能:

网页A B 网页B要调用A中的左侧树状图
那么你可以将网页A做成框架 左右各为一个单独的网页 A_LEFT A_RIGHT
B中直接调用A_LEFT就可以了

如何在 django 中重新加载一段网页?

【中文标题】如何在 django 中重新加载一段网页?【英文标题】:how to reload a segment of webpage in django? 【发布时间】:2019-07-25 11:55:42 【问题描述】:

在 django 中,我试图通过加载 html 文件来制作更改网页一部分的按钮。 html 文件显示地图和统计数据等内容,因此它们必须分开。 我的方法是使用 ajax 调用并在视图中返回 html 文件。

<script type="text/javascript" >
function mapcall (office, year) 
        console.log(office, year, "clicked")
    $.ajax (
        method : "GET", 
        url: '/map/', // % url "map" % end point 
        data: 
            office_called: office,
            year_called: year,
        ,
        success: function (map)
            console.log("map is here ", map)
            $("#maparea").load($( "% static 'my_html_return' %"
            )),
        error: function (error_data)
        alert("data error, sorry")
        
    )

</script>
<div id="maparea">
    % if map_return %
        % with map_template=map_return|stringformat:"s"|add:".html" %
            % include "mypath/"|add:map_template %
        % endwith %
    % endif %
</div>

这是我的观点.py

def get_map (request, *args, **kwargs):
year = request.GET.get("year_called")          
office = request.GET.get("office_called") 

map_return = "map"+str(year)+office

return render(request, "mypath/home.html", 
"title": "Home", "map_return":map_return)

我不知道如何进行这项工作。任何建议表示赞赏。

【问题讨论】:

如果你在另一个 html 文件中有地图,为什么不使用包含标签 包含在 django 标签中?还是别的什么? 顺便提一下,地图其实是一个包含图片地图的html文件 【参考方案1】:

我发现在我的情况下我需要做 .html(将 ajax 返回的 html 作为参数)而不是 .load。 我希望这对其他人有所帮助。

【讨论】:

以上是关于html网页中如何调用另一个html网页的一部分的主要内容,如果未能解决你的问题,请参考以下文章

html网页如何传递接收地址参数?

html网页中如何插入外部的xml文件中的文字?

如何创建HTML页面

如何在一个网页中引用另一个网页的html源代码

在网页中,怎么用脚本?

HTML网页怎样链接到另一个HTML网页?