以编程方式在 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