Javascript 使用java脚本函数重新加载HTML元素?

Javascript 使用java脚本函数重新加载HTML元素?,javascript,html,iframe,Javascript,Html,Iframe,嗯,我问了一个两部分的问题,但回答任何一部分都会帮助我。我将直接回答我的问题,直接跳到我需要帮助的地方。我试图使用Javascript函数定义iframe的某些元素,以便用户可以决定源、高度和宽度。我现在拥有的代码如下所示 window.onload=网页; 功能网页(){ var page=prompt(“请进入网站”,“www.google.com”); var height=提示(“请输入框架高度”,“800”); var width=提示(“请输入帧的宽度”,“600”); }

嗯,我问了一个两部分的问题,但回答任何一部分都会帮助我。我将直接回答我的问题,直接跳到我需要帮助的地方。我试图使用Javascript函数定义iframe的某些元素,以便用户可以决定源、高度和宽度。我现在拥有的代码如下所示


window.onload=网页;
功能网页(){
var page=prompt(“请进入网站”,“www.google.com”);
var height=提示(“请输入框架高度”,“800”);
var width=提示(“请输入帧的宽度”,“600”);
}


window.onload=网页;
功能网页(){
var page=prompt(“请进入网站”,“www.google.com”);
var height=提示(“请输入框架高度”,“800”);
var width=提示(“请输入帧的宽度”,“600”);
//这里有新内容
document.getElementById(“theIframe”).innerHTML=“”;
}

首先使用空白值和一个唯一的ID初始化IFrame,然后附加用户输入

这是工作票

动态更改值:

<!DOCTYPE html>
<html>
<head>
    <title>Demo</title>
</head>
<body>
<iframe id="icereaper666" src="" height="0" width="0"></iframe>
<script language="javascript">
window.onload = webPage;
function webPage(){
    var page = prompt("please enter the website","http://www.w3schools.com/");
    var height = prompt("Please enter the height of the frame","400");
    var width = prompt("Please enter the width of the frame","400");
    var iframeElement = document.getElementById("icereaper666");
    iframeElement.src = page;
    iframeElement.height = height;
    iframeElement.width = width;
}
</script>
</body>
</html> 
<!DOCTYPE html>
<html>
<head>
    <title>Demo</title>
</head>
<body>
<script language="javascript">
    window.onload = webPage;
    function webPage(){
        var page = prompt("please enter the website","http://www.w3schools.com/");
        var height = prompt("Please enter the height of the frame","400");
        var width = prompt("Please enter the width of the frame","400");
        var iframeElement = document.createElement("iframe");
        iframeElement.src = page;
        iframeElement.height = height;
        iframeElement.width = width;
        document.body.appendChild(iframeElement);
    }
</script>
</body>
</html>

您只需动态更改iframe上的
.height
.width
.src
属性即可。这会改变它的大小并重新加载它的内容。我该怎么做呢?对不起,我对java真的很陌生,还不熟悉所有的术语(以及如何操作),为什么不直接修改iframe对象呢?为什么要创建一个全新的呢?它要么在脚本中,要么在html中……其实没有什么区别。解释也将有助于Icereaper666解决其他问题。感谢@RobertCampbell的回复,解释一下这里发生了什么以及如何将其加载到页面中会很有帮助。我几天前才开始编程,对编程还不太了解。欢迎光临,我已经复制了上面使用的相同代码并粘贴到新文件中,效果非常好。也许你应该检查一下你的控制台是否有错误。