以任何方式在window.open()中打开页面的一部分

时间:2012-01-10 05:49:11

标签: javascript jquery html css

我有一个html页面,基本上它包含2个div块和2个链接。现在,当我单击一个链接时,第一个div的内容应该在新窗口中打开。同样,当我点击第二个链接时,第二个div的内容应该在另一个新窗口中打开。

这是一段代码 - http://jsfiddle.net/PAJWV/5/

我同意这是不可能的,但万一有解决方法。感谢。

5 个答案:

答案 0 :(得分:1)

只需创建一个包含div1内容的页面,然后调用脚本打开此页面。与div2相同。

您可以使用iframe从div1的其他文件中提取内容,并对div2执行相同操作。

为什么你不能这样做?

答案 1 :(得分:1)

function printPage(divid)
{
elementId=divid;

var printContent = document.getElementById(elementId);

var windowUrl = 'about:blank';

var uniqueName = new Date();

var windowName = 'Print' + uniqueName.getTime();

var printWindow = window.open(windowUrl, windowName,'left=500,top=500,width=500,height=500');



printWindow.document.write('<html><head></head><body>'+printContent.innerHTML+'</body></html>');




}

通过调用onclick函数

来尝试上面的代码

答案 2 :(得分:1)

试试这段代码:

http://jsfiddle.net/PAJWV/9/

在jsfiddle中运行不正常,但由于某些限制,它可以在实际代码中正常运行。

答案 3 :(得分:0)

我没有尝试这个,但你可以链接为

window.open( “index.html的#秒”);

并且隐藏其他id不是#second的div可以正常工作

答案 4 :(得分:0)

您可以为div1和div2创建单独的html,如

window1.html

<body>
    <div id="first">
    First Div contents.
  </div>
</body

window2.html

<body>
    <div id="second">
    second Div contents.
  </div>
</body

<强> main.html中

<div>
    <a id="link1" href="window.open('window1.html')">Open div 1</a><br />
    <a id="link2" href="window.open('window2.html')">Open div 2</a>
</div>