如何将JavaScript代码动态地嵌入到HTML中

我们有一个要求，即需要在呈现HTML页面时动态呈现JavaScript。 javascript函数可以用来画圆或三角形或正方形。假设下面的代码片段存储在数据库中的某个字段中，那么如何将这些代码直接嵌入HTML中某个位置。如何将JavaScript代码动态地嵌入到HTML中

<script src="../js/processing.js"></script> 
<script src="../js/shapes.js"></script> 

<div style="clear:both;"/> 
<canvas id="canvas1" width="200" height="200"></canvas> 

<script id="script1" type="text/javascript"> 
var sketch = new Processing.Sketch(); 
sketch.attachFunction = function(processing) { 
processing.setup = setup(processing); 
processing.draw = drawCircle(processing); 
}; 

var canvas = document.getElementById("canvas1"); 
var p = new Processing(canvas, sketch); 
</script>

来源

2010-11-25 user339108

哪个服务器平台，您使用的需要创建canvas1元素之后打电话了吗？你想在服务器构建页面时插入脚本，还是希望客户端执行异步回发来获取脚本并执行脚本？ – 2010-11-25 12:03:13

这很容易使用AJAX。使用AJAX获取脚本片段，然后将其放置在脚本标签中，它应该执行:)。

来源

2010-11-25 10:49:42

是的，这可以很容易地完成，但方式因服务器技术而异。

像Ruby on Rails的：

让假设你的脚本存储在一些红宝石可变说js_script作为

js_script = 'var sketch = new Processing.Sketch(); 
sketch.attachFunction = function(processing) { 
processing.setup = setup(processing); 
processing.draw = drawCircle(processing); 
}; 

var canvas = document.getElementById("canvas1"); 
var p = new Processing(canvas, sketch);'

下面的代码将在HTML文件中

<script id="script1" type="text/javascript"> 


<%= js_script -%> # here the magic happens, it replaced this block with js_script 


</script>

注意工作：为了正确执行动态脚本，您应该在调用之前加载所有必需的元素和js文件。

像你的情况，你应该，因为它是在你的脚本

来源

2010-11-25 11:07:22

如何将JavaScript代码动态地嵌入到HTML中

回答

相关问题