Question

HTML code：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="Index.css">
<title>Info</title>
<script type="text/javascript">

function fn(name){
    document.getElementById("link").src = name;
}

</script>
</head>
<body>
    <div id="contain">
        <div id="head">
            <h1 align="center">Represent</h1>
        </div>
        <div id="list">
            <a href="NewFile1.html" onclick='fn("NewFile1.html")'>file1</a><br>
            <a href="NewFile2.html" onclick='fn("NewFile2.html")'>file2</a><br>
            <a href="">nasdd</a>
        </div>
        <div id="fr">
        <iframe id="link" align="left" src="about:blank" style="width: 78%;>
        </iframe>
        </div>
    </div>
</body>
</html>

当我点击“file1”链接时，会显示正确的html，但不会显示在iframe中，并显示为新页面。如何仅在框架中显示html？

Answer 1

我觉得我搞定了!! 我刚刚做了：

<a href="NewFile1.html" onclick='return fn("NewFile1.html")'>file1</a><br>
<a href="NewFile2.html" onclick='return fn("NewFile2.html")'>file2</a><br>

function fn(name){
    document.getElementById("link").src = name;
    return false;
}

如何将函数传递参数显示为iframe src

1 个答案: