js中,怎样将Div中内容显示在新的窗口中?

我需要一个点击事件,如:在一个界面中有个链接“XXX”,点击“XXX“后,会弹出一个窗口,窗口中显示"XXX"的信息。

那不就是window.open()吗?

你查查这个函数的用法,要注意的是,这个函数在不是用户行点击操作的时候,大多会被浏览器阻止,去查查看它的详细用法吧。

如果你是想在本页面上弹出一个DIV的窗口,(就像百度的登录对话框那样)那就需要UI设计了,这个比较复杂,同时需要了解Ajax技术,暂不推荐。追问

window.open (pageURL,name,parameters)
这个函数中,url链接的是一个html,我试过了,显示出来的还是我的主界面。
我的意思,在我的主界面中,隐藏了一个Div,我想点击一个"XXX"后,在新的窗口/对话框中显示出Div中的信息。

追答

哦吼,原来这样。

那简单,将你那个隐藏DIV设置一个唯一ID,好让它能够让JS调用到。

比如:

……

那么你这个时候,使用js调用它需要一个前提,就是要在窗口中显示出一个DIV,这个DIV你是要新生成,还是现成的,有不同的办法,如果是新生成的话:

var d = document.createElement("div");//新建一个div元素节点
//这里你可以为这个DIV加上class什么的,以便于CSS(d.createAttribute()函数)

document.body.appendChild(div);//把div元素节点添加到body元素节点中成为其子节点,但是放在body的现有子节点的最后

接下来,你就可以为这个DIV加入内容了:

d.innerHTML = document.getElementById("abc");

就是这样。

……
以上我只是给出一个思路,你可以依据这个思路继续往下走,写程序千万不要全都等现成的。

比如你这段程序,主要的还是需要对JS如果操作DOM节点有了解,所以多在这方面下点功夫,就OK了。

以上

————
补充一下:
d.innerHTML = document.getElementById("abc");
不对,而是:
d.innerHTML = document.getElementById("abc").innerHTML;
大意了,不好意思

追问

ok 我再好好研究研究 ,刚接触jQuery。。。谢谢了哦

温馨提示:答案为网友推荐,仅供参考
相似回答