js中,怎样将Div中内容显示在新的窗口中?
我需要一个点击事件,如:在一个界面中有个链接“XXX”,点击“XXX“后,会弹出一个窗口,窗口中显示"XXX"的信息。...
我需要一个点击事件,如:在一个界面中有个链接“XXX”,点击“XXX“后,会弹出一个窗口,窗口中显示"XXX"的信息。
展开
1个回答
展开全部
那不就是window.open()吗?
你查查这个函数的用法,要注意的是,这个函数在不是用户行点击操作的时候,大多会被浏览器阻止,去查查看它的详细用法吧。
如果你是想在本页面上弹出一个DIV的窗口,(就像百度的登录对话框那样)那就需要UI设计了,这个比较复杂,同时需要了解Ajax技术,暂不推荐。
你查查这个函数的用法,要注意的是,这个函数在不是用户行点击操作的时候,大多会被浏览器阻止,去查查看它的详细用法吧。
如果你是想在本页面上弹出一个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;
大意了,不好意思
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询