当某个函数针对脚本javaScript中的脚本parents元素时，如何触发脚本

Question

当该元素成为某些函数的目标时，我需要在另一个元素的内部触发脚本。

<div id="myParent">
    <script>
       //listens for myFunction(myParent) {
            Alert("myParent was target of myFunction")
         }      
    </script>
</div>

function myFunction(target){
    //do something with the target
}

因此，预期的/期望的结果是

myFunction("myParent") //"myParent was target of myFunction"

，我知道如何添加活动听众，但是他们都没有真正做我需要的事情，或者至少我无法找到一种自定义的方法来满足我的需求。另一方面，我设法通过定位临时元素，在其中找到脚本并使用eval（）触发脚本来调用脚本MyFunction（）查看是否具有触发其脚本的条件。像这样：

<div id="myElement_1">
    <p>true</p>
    <script>
       //listens for myFunction(myParent) {
            "Alert("Hello")"
         }      
    </script>
</div>

<div id="myElement_2">
    <p>False</p>
    <script>
       //listens for myFunction(myParent) {
            "Alert("World!")"
         }      
    </script>
</div>


function myFunction(target){
    let checkCondition = target.getElementsByTagName("p")[0].innerText
    if(checkCondition === "true"){
        let trigger = target.getElementsByTagName("script")[0]
        eval(trigger)
    }
}

myFunction(myElement_1) // "Hello"
myFunction(myElement_2) //

我担心使用该解决方案最终会在我的功能中使用数千个检查来堵塞我的代码，因为每个潜在目标都有非常独特的触发条件。因此，聆听自己的触发器更有意义，我只是无法弄清楚如何做到这一点。

Answer 1

你不能那样做。一旦标签＆lt; script＆gt;出现在HTML中（XSS innionhtml），即使您删除标签，它也会被迫运行。

您可以将数据保存到HTML标签中，并通过以下方式将其拨打：

<div id="app" data-text="Hello App" />

console.log(document.querySelector("#app").getAttribute("data-text"))

或者，如果您确实需要运行脚本，则可以用 fetch 。