在运行时将脚本标记添加到 index.html

Question

我有以下文档，我想在页面加载后在标题下添加脚本，我应该怎么做？

这是我的简单页面

<html>
<head>
<title>Simple demo</title>
</head>
<body>
<h1>Demo</h1>
<p>
Very simple UI – just text and a link:
<a id="demoLink" href="#">Click me!</a>
</p>
</body>
</html>

脚本应该很简单

<script>console.log(test) </script>

有可能吗？如果不是，我应该如何通过控制台执行此操作？

Answer 1

页面加载后，"adding an script node" 或 "executing a piece of script" 之间没有重大区别。如果您确实想在 <head> 中添加 <script> 节点，您可以使用 DOM API.

Answer 2

要在页面加载后加载脚本，您需要像这样添加它：

<script>
    var script = document.createElement('script');
    script.src = "http://something.com/js/something.js";
    document.getElementsByTagName('head')[0].appendChild(script);
</script>

在运行时将脚本标记添加到 index.html

Add script tag to index.html during runtime

html

javascript

jquery