以編程方式在 html 頁面中添加 javascript

Question

我正在嘗試構建一個像這樣的 HTML 頁面

 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function setup(){ var mydesign = '<input type="button" value="Test" onclick="BtnClick()" /><div id=result></div>'; var myscript = 'function BtnClick(){alert("DoTest()");}'; eval(myscript); document.getElementById("myBody").innerHTML = mydesign; } </script> </head> <body id = "myBody" onload="setup()"> </body> </html>

但是onclick找不到 function BtnClick() 。

有任何想法嗎？

Answer 1

The eval() function evaluates or executes an argument

創建 BtnClick() function 分開如下

 function BtnClick(){ alert("DoTest()"); } function setup() { var mydesign = '<input type="button" value="Test" onclick="BtnClick()" /><div id=result></div>'; document.getElementById("myBody").innerHTML = mydesign; }

 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>JS</title> </head> <body id="myBody" onload="setup()"> </body> </html>

Answer 2

可以直接將js函數寫入onclick屬性

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body id = "myBody" onload="setup()">

<script type="text/javascript">

    function setup(){
        var mydesign = "<button onclick="+'alert("hello")'+">Click me</button>";
        document.getElementById("myBody").innerHTML = mydesign;
    }               
</script>
</body>
</html>

以編程方式在 html 頁面中添加 javascript

問題描述

2 個解決方案

解決方案1
0 2021-03-04 11:11:00

解決方案2
0 2021-03-04 11:22:31

以編程方式在 html 頁面中添加 javascript

問題描述

2 個解決方案

解決方案1 0 2021-03-04 11:11:00

解決方案2 0 2021-03-04 11:22:31

解決方案1
0 2021-03-04 11:11:00

解決方案2
0 2021-03-04 11:22:31