gpt4 book ai didi

javascript - onclick 事件在嵌入式 html 中不起作用

转载 作者:行者123 更新时间:2023-11-30 19:18:37 26 4
gpt4 key购买 nike

我已使用 XMLHttpRequest 将 html 文件文本加载到 div 元素中。我真正想说的是我有一个主 html 页面,其中填充了另一个 html 文件。问题是嵌入式 html 标签的 onclick 事件不起作用。貌似虽然我把我的脚本加到嵌入的html里面了,但是还是找不到函数调用啊!因此,可以在控制台中看到以下错误。

the function is not defined at HTMLParagraphElement.onclick

我检查了附加脚本的 src(在嵌入式 html 中),没问题。我还尝试将我的脚本移动到主页,因为我认为嵌入式 html 会看到其父 html 的脚本,尽管它没有成功。我确信我做过同样的事情,但我不记得我过去是怎么做的。

嵌入式 Html

<head>
<title>Menue</title>
<link href="../styles/menue.css" rel="stylesheet" />
<script src="../scripts/menue.js"></script>

</head>

<div id="menueContainer">
<h2 id="menueGameTitle">Monsters' Den</h2>
<h4 id="menueDesignerTitle">Designed and developed by Retro-Code (Mr. Shahrokni)</h4>

<p id="menueDescription" onclick="MyFunction()">
...
</p>

</div>

* 主 Html*

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Monsters' Den</title>
<link href="styles/Index.css" rel="stylesheet" type="text/css" />
<script src="scripts/Index.js"></script>
</head>
<body id="mainBody" onload="initIndexPage()">

<div id="mainContainer">

<div id="centeredFrame">

</div>

</div>
</body>
</html>

我如何将嵌入的 html 加载到 div 中

function getHtml(url) {

var xmlHttpRequest = new XMLHttpRequest();

// add a random param at the end of the url to avoid cached data.
url = url + "?p=" + Math.random;

xmlHttpRequest.open("GET", url, false);
xmlHttpRequest.send(null);

var response = xmlHttpRequest.responseText;
return response;

}

function loadMenueinFrame() {

var html = getHtml("./htmls/menue.html");
var centeredFrame = document.getElementById("centeredFrame");
centeredFrame.innerHTML = html;
}

我希望看到 onclick 事件的结果,但如上所述,它不起作用。希望大家给我指点。谢谢。

最佳答案

在你的head标签中加载脚本让 mySelectedElement = document.getElementByID("mainContainer");
mySelectedElement.addEventListener("点击", function getHtml(){
//你的处理程序在这里
})

我相信这应该有效

关于javascript - onclick 事件在嵌入式 html 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57731089/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com