当前位置: 首页 > 知识库问答 >
问题:

Html getElementById更改另一Html文件中的元素

游高杰
2023-03-14

我正在学习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");}   
}
<body>  
    <p id="abc"></p>
</body>

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

任何帮助都很感激。谢了。

共有1个答案

蔚楷
2023-03-14

首先:内联事件处理不是最佳实践;相反,给按钮一个ID,并给它附加一个事件处理程序。

第二:任何DOM操作都应该在DOM加载后处理;或者将JS移动到结束体标记之前的底部,或者使用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查询参数。

 类似资料:
  • 问题内容: 我有2个HTML文件,假设是和。在我想包括。 在JSF中,我可以这样做: 这意味着在文件内部,我可以包含。 我们该如何存档? 问题答案: 我认为最好的解决方案是使用jQuery: : : 这种方法是解决我的问题的简单干净的方法。

  • 问题内容: 好的… 我已经搜索并寻找了可以直接回答我的问题的答案,但是没有成功。我的问题很简单,老实说,我想在那里会有一个更直接的答案。请记住,我还是该语言的新手,并且仍在学习中。 _因此,我将使用和作为我的两个文件,以及作为示例变量。_变量包含在中。如何将变量导入, 然后通过更改为另一个值, 然后 使用新值更新变量? 我不确定这是否可能,但我想一定会这样。我正在使用python 2.7.11,谢

  • 我正试图从网站上获取预订数据。进入现场后,我必须: 将默认日期范围(起初,网站显示默认日期范围的预订数据)更改为我想要搜索的日期范围 点击刷新按钮 等待网站更新页面上显示的结果。 使用Selenium、Python和BeautifulSoup,当我执行Selenium命令更新日期范围的字段并单击“刷新”按钮时,当代码到达我使用BeautifulSoup提取HTML数据的行时,将提取默认网站日期范围

  • 问题内容: 因此,我一直在试图弄清楚这一点,却无法弄清楚如何做到这一点。我希望另一个类中的按钮之一可以更改GUI类中JLabel的文本。 这是来自GUI类的代码:`import java.awt.Container; 这里是尝试更改JLabel“错误”的按钮中的代码: 问题答案: 首先,添加具有访问权限的吸气剂,以便您的第二堂课可以访问该字段。就像是, 或(如@MadProgrammer在评论中建

  • 问题内容: 我只需要阅读一个大文件的第一行并进行更改。 是否有技巧仅使用Python更改文件的第一行并将其另存为另一个文件?我所有的代码都是在python中完成的,可以帮助我保持一致性。 想法是不必读取然后再写入整个文件。 问题答案: 应该比逐行运行要快得多。从文档中注意: 请注意,如果[from_file]对象的当前文件位置不为0,则仅复制从当前文件位置到文件末尾的内容。 从而:

  • 我正在学习JavaScript,我正在尝试创建一个“圆计算器”,它将通过一个表单接收用户输入,并返回圆的面积和周长。除了在ID为“circledata”的段落中显示结果外,它都正常工作。它会在提交表单后显示几秒钟,然后消失。 我希望循环方法的结果(变量“text”)保留在段落中,直到用户再次提交表单(当它应该用新数据填充时)。