在javascript中使用innerHTML编写函数

Write function using innerHTML in javascript

本文关键字：函数 innerHTML javascript      更新时间：2023-09-26

是否可以在javascript中使用innerHTML编写函数，如下所示：

例如：

frameDoc.body.innerHTML ='<script type="text/javascript">';
frameDoc.body.innerHTML+='function highlightSearch(){';
frameDoc.body.innerHTML+='alert("example");';
frameDoc.body.innerHTML+='return true;}';
frameDoc.body.innerHTML+='</script>';

是的，可以通过innerHTML将function添加到HTML文件中。事实上，大多数第三方API都是这样做的。他们使用这个系统或document.createElement('script')附加自己的脚本。

如果你想执行代码，你应该改变方法。最好的方法是创建一个动态脚本节点并将其添加到文档中。一种更糟糕但仍然有效的方法是使用document.write.

document.write('<script type="text/javascript">');
document.write('function highlightSearch(){');
document.write('alert("example");');
document.write('return true;}');
document.write('highlightSearch()');
document.write('<'/script>');

注意，我添加了document.write('highlightSearch(('(；以执行该功能。

相关文章：