HTML getElementById更改另一个html文件中的元素

Question

我正在学习HTML和Javascript，对于作业，我需要获得一个将元素更改为另一个HTML文件的按钮。

这是我的代码：

main.html

</head>
    <script src="testscript.js"></script>
</head>

<body>
    <button onclick="button1()">Function 1</button>
</body>

testscript.js

function button1(){
var value = confirm("Press anything");

if(value == 1){
    document.getElementById("abc").innerHTML = "Ok";
    window.location.assign("button1.html");}   
}

button1.html

<body>  
    <p id="abc"></p>
</body>

因此，基本上，从main.html调用button1（），并且需要更改button1.html中元素的值。

此处显示了一个类似的示例：（链接）。 我也尝试过externalHTML，但它也不起作用。 这不可能吗？ 我在网上找不到任何东西。

注意： 我的html和js文件必须分开。

任何帮助表示赞赏。 谢谢。

Answer 1

第一：内联事件处理不是最佳实践； 而是给按钮一个ID并为其附加事件处理程序。

第二：任何DOM操作应该在DOM加载后进行处理; 您可以将JS移到body标记之前的底部，或者使用window.onload 。

因此，如果您具有以下HTML：

<button id="f1">Function1</button>

...然后，您的JS文件中应包含以下内容：

window.onload = function() {
    document.getElementById('f1').onclick = function() {
    var value = prompt("Press anything");
    };
};

要在页面之间传递数据，您可以使用Cookie，localStorage或URL查询参数。

HTML getElementById更改另一个html文件中的元素

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-10-12 19:25:01

HTML getElementById更改另一个html文件中的元素

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-10-12 19:25:01

解决方案1
2 已采纳 2015-10-12 19:25:01