是否可以在没有onclick的情况下调用JavaScript函数？

Question

I am new in a project and we are using thymeleaf combined with JavaScript.

I wrote functions which delivers the background color depending on the availability of the choosen element. I have to copy more or less the functionality of "th:disable" for a div, since this functionality is not available for a div. Unfortunately, my functions are never called, I assume the reason is because I have no onClick event or something, I want to call the function it the "th:styleappend".

<div th:styleappend="|background-color: getBackgroundColor(${element})|">


<script type="text/javascript" th:src="@{/js/gridstack-logic.js}"></script>
    <script th:inline="javascript">


function getBackgroundColor(element){
     console.log("##############in getBackgroundColor");
     if(kachel.bool1&& bool2){
         return rgba(153,168,177,0.05);
     }
     return "${element.backgroundcolor}";
}

</script>

I tried several things but none of them was working

Answer 1

Please look at the "onLoad" events in the next page:

onLoad Event

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

And also for the changes made on the webpage you could assign onChange event, on eahc of the items that you are trying to verify if changes.