我创建了一个 JavaScript 函数,它将返回包含 2 个 URL 的数据。我想将这些插入到 HTML 代码中。
例如返回的 URL 值是
JavaScript 文件
http://www.domain.com/javascript.js
CSS文件
http://www.domain.com/buttons.css
我需要将这些插入到代码中:
<link rel="stylesheet" type="text/css" href="return URL value" />
<script type="text/javascript" src="return URL value"></script>
我该怎么做?
谢谢
最佳答案
您可以使用 javascript 动态加载外部 css(以及 js)文件。只需创建适当的 <link>
使用 javascript 的元素。
var url = computeUrl(); /* Obtain url */
var link = document.createElement('link'); /* Create the link element */
link.setAttribute('rel', 'stylesheet'); /* Set the rel attribute */
link.setAttribute('type', 'text/css'); /* Set the type attribute */
link.setAttribute('href', url); /* Set the href to your url */
此时,我们刚刚创建了元素
<link rel="stylesheet" type="text/css" href="your url">
我们将其存储在变量 var link
中.还没结束,<link>
不是 DOM
的一部分然而。
我们需要附加它
var head = document.getElementsByTagName('head')[0]; /* Obtain the <head> element */
head.appendChild(link); /* Append link at the end of head */
完成了。
以非常相似的方式,您可以动态添加外部 javascript 资源。只需使用 <script>
标记而不是 <link>
标签。
关于javascript - 将javascript返回值插入html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11917086/