gpt4 book ai didi

javascript - 如何获得垂直列表以将 PDF 加载到 iFrame 中

转载 作者:行者123 更新时间:2023-11-30 06:42:20 25 4
gpt4 key购买 nike

我试图让这个垂直列表加载我在 Onclick 事件期间放入 Load_content() 的文档标题。令人满意的结果将是每次我单击一个新链接时...一个新的 PDF 加载到 iframe 中

<html>
<head>
<title> Literature of Andrew Willis
</title>

<link rel="stylesheet" href="mycss.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/cssverticalmenu.css" />


<script language="javascript" type="text/javascript">

function load_content (link) {
document.getElementById("iframe").setAttribute("src","link" );
}

</script>

</head>
<body>


<div id="logo">
<a href="#"><img src="mainlogo.jpg" height=100 width=400></a>
</div>


<div id="content">

<div id="leftcolumn">

<ul class="glossymenu">
<li><a href="#" onclick="load_content(Look at me now.pdf)">Short Essays</a></li>
<li><a href="#" onclick="load_content(hangmansdog.pdf)" >Poetry</a></li>
<li><a href="http://www.pourinpourout.com" >Blog</a></li>
</ul>
</div>
<div id="rightcolumn">
<div id="content">
<iframe id="iframe1" src="#"></iframe>
</div>
</div>
</div>
</body>

最佳答案

您的代码中有一些拼写错误。您为您的 iframe 提供了一个 id“iframe1”,但在您的 JS 中使用“iframe”引用了它。您也不应该在链接周围加上引号,因为您将它用作变量,第 13 行应该如下所示:

document.getElementById("iframe1").setAttribute("src",link );

但是,当您链接它们时,您可能希望在链接本身周围加上单引号。即 onclick="load_content('Look at me now.pdf')"

关于javascript - 如何获得垂直列表以将 PDF 加载到 iFrame 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10114873/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com