Javascript 通过选择on link将两个不同的内容加载到两个不同的位置，而无需重新加载页面。

我是web开发新手，我希望使用javascript创建一个动态页面，在不重新加载页面的情况下，它将更改三个不同div的内容（div#1是带有特定W和H的文本，div#2是图片，div#3是更大的图片）

---

非常感谢您的帮助。

您只需将事件处理程序附加到某个事件，然后通过javascript更改新视图的DOM元素。例如，单击链接或按钮将启动此更改：

 <script type="text/javascript" language="javascript">
      document.getElementById('myElement').attachEvent('click', function()
      {
          var div1 = document.getElementById('div1');
          var div2 = document.getElementById('div2');
          var div3 = document.getElementById('div3');

          // modify div1, div2, div3 properties, child nodes, etc
      });
 </script>

document.getElementById（'myElement'）.attachEvent（'click'，function（）
{
var div1=document.getElementById（'div1'）；
var div2=document.getElementById（'div2'）；
var div3=document.getElementById（'div3'）；
//修改div1、div2、div3属性、子节点等
});

---

在这种情况下，我绝对建议使用jQuery来大大简化您需要编写的代码量

我不确定您是如何获得文本和图像链接的，也不确定您是否使用JQuery，因此这是我所能说的最通用的。通过将文本和图像链接传递给函数，可以使其更具动态性

function load_divs(){
    var div1 = document.getElementById('IDDIV1');
    var div2 = document.getElementById('IDDIV3');
    var div3 = document.getElementById('IDDIV3');

    div1.style.height = ###px;
    div1.style.width = ###px;
    div1.innerHTML = 'PUT YOUR TEXT HERE';
    div2.innerHTML = '<img src="LINK_TO_IMG" />';
    div3.innerHTML = '<img src="LINK_TO_LARGER_IMG" />';
}

函数加载\u divs（）{
var div1=document.getElementById（'IDDIV1'）；
var div2=document.getElementById（'IDDIV3'）；
var div3=document.getElementById（'IDDIV3'）；
div1.style.height=###px；
div1.style.width=####px；
div1.innerHTML='将文本放在这里'；
div2.innerHTML=''；
div3.innerHTML=''；
}

新内容来自哪里？你能使用JS库（，，…）吗？我正在使用PHP include从文件中提取内容。谢谢你的帮助，如果我没有很好地解释我自己，请原谅。这里有一个链接，指向我希望实现的目标的图表。