javascript或jquery来改变div的innerHTML?

时间:2014-10-11 10:13:51

标签: javascript jquery asp.net ajax

此功能允许我在页面test.aspx

上方加载网页表单/弹出窗口
  $(document).ready(function () {
  $('#<%= webform.ClientID %>').load('pop_up_one.html');})

我现在想要更改此弹出窗口的innerhtml 另一个弹出窗口,有可能回到第一个 弹出。基本上我只是想改变DIV的innerhtml 第一个pop_up

怎么可能这样做?想添加类似的东西:

   $('#div_of_popup_one').click.load('pop_up_two.html');

但这不起作用。

我发现使其工作的唯一方法是集成此代码 进入pop_up_1-html:

    function loadextPage(event) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById('name_of_div_to_change').innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", event.target.href, true);
        xmlhttp.send();
    }

并从以下地址致电:

转到第二个弹出窗口

这种方法有效,但我想用

之类的东西来做
        $('#div_of_popup_one').click.load('pop_up_two.html')

从我调用pop_up_one的页面

1 个答案:

答案 0 :(得分:1)

要执行此操作,首先需要绑定click事件,然后调用click。使用以下代码。

   $('#div_of_popup_one').on("click", function() {
       $(this).load('pop_up_two.html');
   });

   $('#div_of_popup_one').click();