Question

我正在尝试使用此垂直列表来加载我在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>

Answer 1

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

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

但是，当您要链接它们时，您可能希望在链接周围放置单引号。即onclick="load_content('Look at me now.pdf')"

如何获取垂直列表以将PDF加载到iFrame中

1 个答案: