不幸的是,您無法直接將腳本標籤添加到元素的innerHtml,因為瀏覽器不會執行JavaScript 代碼。 相反,要動態添加腳本標籤,需要將標籤添加到 DOM。
下面的小示例對此進行了說明,使用 GrabzIt JavaScript庫.
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
</head>
<body>
<div id='insertCode'></div>
<script type='text/javascript'>
// Get the value from input box or link
var url = 'http://www.yahoo.com'
GrabzIt("Sign in to view your Application Key").ConvertURL(url).AddTo('insertCode');
</script>
</body>
</html>