.NET社区
javascript修改iframe的src属性问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ExamPart.aspx.cs" Inherits="ExamPart" %>
<!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 runat="server">
<title> 无标题页 </title>
</head>
<body style="width:100%;height:100%; background-color:#87CEFA">
<script type="text/javascript">
function FindUrl(url)
{
temp = selectUrl(url);
frame1.src=temp;
}
function selectUrl(url)
{
switch( url )
{
case '1':return "EPart1.aspx";
case '2':return "EPart2.aspx";
}
}
</script>
<form id="form1" runat="server" method="post" action="ExamPart.aspx">
<table style="width:100%">
<tr>
<td style="width:100%;" align="center">
汉字考试样品试卷
</td>
</tr>
<tr >
<td style="width:100%">
<asp:LinkButton ID="LinkButton1" runat="server" Width="32px" OnClientClick="FindUrl('1');" > Part1 </asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" Width="32px" OnClientClick="FindUrl('2');" > Part2 </asp:LinkButton>
</td>
</tr>
</table>
<iframe id="frame1" src="EPart1.aspx" height="100%" width="100%"> </iframe>
</form>
</body>
</html>
点击LinkButton2为什么不能换页 ？？？
<!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 runat="server">
<title> 无标题页 </title>
</head>
<body style="width:100%;height:100%; background-color:#87CEFA">
<script type="text/javascript">
function FindUrl(url)
{
temp = selectUrl(url);
frame1.src=temp;
}
function selectUrl(url)
{
switch( url )
{
case '1':return "EPart1.aspx";
case '2':return "EPart2.aspx";
}
}
</script>
<form id="form1" runat="server" method="post" action="ExamPart.aspx">
<table style="width:100%">
<tr>
<td style="width:100%;" align="center">
汉字考试样品试卷
</td>
</tr>
<tr >
<td style="width:100%">
<asp:LinkButton ID="LinkButton1" runat="server" Width="32px" OnClientClick="FindUrl('1');" > Part1 </asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" Width="32px" OnClientClick="FindUrl('2');" > Part2 </asp:LinkButton>
</td>
</tr>
</table>
<iframe id="frame1" src="EPart1.aspx" height="100%" width="100%"> </iframe>
</form>
</body>
</html>
点击LinkButton2为什么不能换页 ？？？
...全文
相关推荐
JS动态修改iframe高度和宽度的方法
JS动态修改iframe高度和宽度的方法主要涉及到JavaScript语言中对HTML元素进行操作的基本技巧，特别是针对iframe元素的尺寸调整。
js调用-嵌入iframe
JS与IFrame的交互**JavaScript可以通过DOM（Document Object Model）来操作IFrame，包括获取IFrame、修改其属性、以及与IFrame内的页面进行通信。
js自定义方法通过隐藏iframe实现文件下载
利用iframe实现文件下载 - 通过js修改iframe的src属性，将包含文件下载链接的URL设置给iframe。
JS是否可以跨文件同时控制多个iframe页面的应用技巧
这意味着，如果iframe内容的域和父页面的域不同，直接操作iframe内容（如修改src属性）可能会受到限制。
Jquery实现iframe功能
然后，我们可以通过jQuery来动态改变iframe的src属性，实现加载不同页面的功能。
