Question

假设你有一个主要的.html：

<!DOCTYPE html>
<html>
<head>
    <title>Page One</title>
    <script type="text/javascript" src="javaS.js"></script>
    <link rel="stylesheet" type="text/css" href="CSS.css">
</head>
<body id="main">
<h3>Test switching html content inside iframe</h3>
<p>iframe:</p>
<iframe src="" id="iframe1"></iframe>
</body>
</html>

还有一个辅助.html：

<!DOCTYPE html>
<html>
<head>
    <title>Page two</title>
    <link rel="stylesheet" type="text/css" href="CSS.css">
</head>
<body id="test">
<h3>Test subject</h3>
<p>subjugate text</p>
</body>
</html>

如何仅使用JavaScript在第一个.html的iframe元素中显示本地第二个.html？

我尝试过使用这些代码段：

window.onload = function() {window.frames['iframe1'].location.replace("Secondary.html");}

var iframe = document.getElementById('iframe1');
iframe.src = "second.html";

......但这些避风港并没有奏效。我是新手，所以答案可能相当明显，但任何指导都会非常感激！

Answer 1

我使用它并且效果很好：

Target.colF= CASE WHEN Source.col1>0 THEN 1 END,

Answer 2

<label>yes, I do agree</label><input type="radio" value="yes, I do agree">
<label>no, I do not agree</label><input type="radio" value="no, I do not agree">

<div class="submit">submit</div>

Answer 3

你的第二个片段是完美的。您必须确保它在iframe DOM元素存在时运行 - 在window.onload。

Answer 4

我刚刚结合了您尝试制作一个实例的两个示例，请参阅此处：https://jsfiddle.net/4p18mxg9/9/

var iframe = document.getElementById('iframe1');
window.onload = function() {
    iframe.src = "second.html";
}

使用JavaScript更改HTML iframe的本地src

4 个答案: