如何调整一个调用的html页面在iframe中的位置？
调用的Html是一整个页面，但是iframe里面往往需要呈现的只是调用的Html页面里的一部分。怎么控制只让调用页面的那一部分显示到iframe里来呢？
这个是你理解有错,一个html页面就是一个整体,当你想用iframe把它引用到令一个页面时,你就要把这个被引用的页面当成那个页面的一部分来进行编辑,看下面的例子:
1。这是个整体的页面;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tt {
color: #F00;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><h1>这是头部</h1></td>
</tr>
<tr>
<td align="center"><h1 class="tt">这是内容</h1></td>
</tr>
<tr>
<td>这里是结尾</td>
</tr>
</table>
</body>
</html>
2.保存这个页面为2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tt {
color: #F00;
}
</style>
</head>
<body>
<h1 class="tt">这是内容</h1>
</body>
</html>
3。引用上面保存的2.html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tt {
color: #F00;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><h1>这是头部</h1></td>
</tr>
<tr>
<td align="center"><iframe src="2.html" width="160" height="60" frameborder="0" scrolling="no"></iframe></td>
</tr>
<tr>
<td>这里是结尾</td>
</tr>
</table>
</body>
</html>
1。这是个整体的页面;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tt {
color: #F00;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><h1>这是头部</h1></td>
</tr>
<tr>
<td align="center"><h1 class="tt">这是内容</h1></td>
</tr>
<tr>
<td>这里是结尾</td>
</tr>
</table>
</body>
</html>
2.保存这个页面为2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tt {
color: #F00;
}
</style>
</head>
<body>
<h1 class="tt">这是内容</h1>
</body>
</html>
3。引用上面保存的2.html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.tt {
color: #F00;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><h1>这是头部</h1></td>
</tr>
<tr>
<td align="center"><iframe src="2.html" width="160" height="60" frameborder="0" scrolling="no"></iframe></td>
</tr>
<tr>
<td>这里是结尾</td>
</tr>
</table>
</body>
</html>
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2017-09-30
打个比方：
如果一个页面a.html中通过iframe内嵌了一个子页面b.html（这个无权修改），b.html中有一个按钮cButton, 点击这个按钮会弹出显示一个表单，现在想让这个弹出的表单显示到a.html中的一个iframe或者div中；
那么调用方法如下：
在点击B的事件中使用调用A的Function。调用示例比如A有一个方法为showForm()，则在B的按钮事件中直接使用Window.Parent.showForm();
如果一个页面a.html中通过iframe内嵌了一个子页面b.html（这个无权修改），b.html中有一个按钮cButton, 点击这个按钮会弹出显示一个表单，现在想让这个弹出的表单显示到a.html中的一个iframe或者div中；
那么调用方法如下：
在点击B的事件中使用调用A的Function。调用示例比如A有一个方法为showForm()，则在B的按钮事件中直接使用Window.Parent.showForm();
第2个回答 2010-09-28
想调用哪一部分就把哪一部分从新做一个页面吧、iframe好象不是调用、而是那个页面指定在iframe打开
第3个回答 2015-07-23
这个的话调整iframe标签的位置就可以了，html是嵌入在iframe中的。
相似回答
