javascript:从 javascript 触发页面加载事件

本文关键字:javascript 加载 事件 | 更新日期: 2023-09-27 18:34:28

母版页具有用户控件和 Iframe。我希望能够在单击用户控件中的提交按钮时重新加载 Iframe 中的页面。我希望 Iframe 上的数据根据驻留在母版页上的用户控件中的用户输入进行刷新。我们可以通过JavaScript来实现它吗?

javascript:从 javascript 触发页面加载事件

是的,这是可能的,这是我尝试过的一个例子,看看这个。

  • 创建了一个将在其中放置 iframe 的页面。
  • 创建一个按钮,单击时将根据值刷新 iframe在文本框中输入。将此值作为 iframe 的 src 中的查询字符串传递。
  • 在将加载
    的页面中收到此值作为查询字符串在 iframe 中,基于查询字符串刷新了页面。

这是代码

这是将放置 iframe 的页面

<iframe src="Default.aspx" width="400" height="1000" id="iframe">
</iframe>
<input type="button" value="Refresh" onclick="RefreshIframe()" />
<input type="text" id="txtID" />

这是javascript函数,它将刷新iframe

function RefreshIframe()
    {
        var id = $('#txtID').val();
        $('#iframe').attr("src", "default.aspx?id=" + id);
    }

这是默认的.aspx页面,它将接收 id 作为查询字符串

string id = "1";
    if (Request.QueryString["id"] != null)
        id = Request.QueryString["id"].ToString();

基于这个id,我已经刷新了将在iframe中显示的页面中的数据。