Javascript 在<；部门>；在另一页中找到

我有两个html页面，“page1.html”和“page2.html”

page1.html包含一个css菜单列表，该列表将链接到page2.html。部分示例代码如下所示：

 <div class="menu"> 

 <ul>   
     <li><a href="page1.html">page1</a></li>
     <li><a href="page2.html">page2</a>
     <ul>
        <li><a href="page2.html" onclick="displaypdf1();" >pdf1</a></li>
    <li><a href="page2.html" onclick ="displaypdf2();">pdf2</a></li>   

我正在使用pdfObject打开pdf。

---

简而言之，我希望通过page1.html打开一个pdf文件，css menu.pdf将显示在page2.html上的一个标签中，我如何实现这一点？谢谢大家!

您可以使用ajax执行以下操作：

第1页HTML

.wrapper{背景色：#cdcdcd；宽度：100%；高度：700px}
对象{边距：0；填充：0；高度：100%；宽度：100%；}
#目标{宽度：600px；高度：650px；}
输入{位置：相对；左：20px；}

按钮是触发器，。它可以通过ref或导航菜单中的列表项触发
id目标也可以放置在任何页面中。我这样做是为了让它显示在同一页上，但你可以随意更改它

第1页JS/JQUERY

jQuery（函数（$）{
$（'input'）。单击（函数（）{
$（'#target'）.load（'page2.html'）；
});
});

希望这对你有用

第2页HTML 这是对象元素中的PDF，该元素将作为外部页面加载到页面中，而无需刷新页面或其他页面（如果您选择）

    <object data="https://bitcoin.org/bitcoin.pdf" type="application/pdf" width="50%" height="700px">
         alt : <a href="https://bitcoin.org/bitcoin.pdf">page2.pdf</a>
    </object>

中高音：

我尝试了你的建议，它在internet explorer上运行得非常好，但在chrome上却不行。有点问题。加载。页面显示为空白。基于你提出的概念，我设法解决了我的问题

JS/JQUERY

//script for display Cover.pdf
$(document).ready(function(){

$('#input').click(function(){   
    document.getElementById('project_details').innerHTML = 
    '<object type="application/pdf" data="pdf1.pdf" width=1000px height="810px" >  
    </object>'
    });
});  

//用于显示Cover.pdf的脚本
$（文档）.ready（函数（）{
$（“#输入”）。单击（函数（）{
document.getElementById（'project_details'）。innerHTML=
'  
'
});
});  

---

我用上面的JS基于您的想法创建了一个示例，它很有效。希望这对其他人有用。谢谢莲藕

您的建议有效，但会打开一个新窗口。我想要实现的是将pdf加载到另一个网页上的标签中。这是可以实现的吗？当然，这可以通过ajax实现。让我看看我的电脑里有什么。我发誓我已经这么做了。我得参加一个会议。如果没有人回答，我以后会帮忙的

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
   <script type="text/javascript">
       jQuery(function($){
            $('input').click(function(){
                 $('#target').load('page2.html');
                 });
            });
   </script>

    <object data="https://bitcoin.org/bitcoin.pdf" type="application/pdf" width="50%" height="700px">
         alt : <a href="https://bitcoin.org/bitcoin.pdf">page2.pdf</a>
    </object>

//script for display Cover.pdf
$(document).ready(function(){

$('#input').click(function(){   
    document.getElementById('project_details').innerHTML = 
    '<object type="application/pdf" data="pdf1.pdf" width=1000px height="810px" >  
    </object>'
    });
});