如何从javascript中创建的链接运行函数

<a href="#" onclick="myFunction(); return false;">Click me</a>

<script>
function myFunction() {
    alert('Hello, world!');
}
</script>

<a id="myLink" href="#">Click me</a>

<script>
document.getElementById('myLink').addEventListener('click', function(event) {
    event.preventDefault(); // 阻止链接的默认行为
    myFunction();
});

function myFunction() {
    alert('Hello, world!');
}
</script>

<a id="myLink" href="#">Click me</a>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$('#myLink').on('click', function(event) {
    event.preventDefault();
    myFunction();
});

function myFunction() {
    alert('Hello, world!');
}
</script>

document.getElementById('myLink').addEventListener('click', function(event) {
    event.preventDefault();
    // 执行其他操作
});

// 确保函数在调用之前定义
function myFunction() {
    alert('Hello, world!');
}

document.getElementById('myLink').addEventListener('click', function(event) {
    event.preventDefault();
    myFunction();
});