如何包含外部JS文件,而不包括在头部标签
How to include external JS files without including them in the head tag?
我将按照本教程创建一个选项卡视图。可以看到,我们在<head>
部分中包含了四个外部JS文件。
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/element/element-beta-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/connection/connection-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/tabview/tabview-min.js"></script>
那么在<body>
中,唯一与制表符有关的JS
代码是
<script type="text/javascript">
var myTabs = new YAHOO.widget.TabView("content-explorer");
</script>
问题:-
由于某种原因,我不能在<head>
标签中放入任何代码。那么我是否可以在 var myTabs = new YAHOO.widget.TabView("content-explorer");
之前将external JS files
包含在JS
代码中呢?
有几种方法可以做到这一点,但最简单的是在JavaScript中创建一个script
元素,并在运行时将其附加到文档中。
为简单起见,我在这里的循环中完成了此操作,以容纳要包含的脚本数量;resources
是一个字符串数组,包含指向资源位置的url:
<script>
//array of scripts to include
var resources = ["http://yui.yahooapis.com/2.5.0/build/yahoo-dom-event/yahoo-dom-event.js", "http://yui.yahooapis.com/2.5.0/build/element/element-beta-min.js", "http://yui.yahooapis.com/2.5.0/build/connection/connection-min.js", "http://yui.yahooapis.com/2.5.0/build/tabview/tabview-min.js"];
for(var i = 0; i < resources.length; i++){
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", resources[i]);
document.getElementsByTagName("head")[0].appendChild(script);
}
//stuff to do after scripts have loaded
var myTabs = new YAHOO.widget.TabView("content-explorer");
</script>
相关文章:
- 如何将页面上的所有电话号码更改为可点击链接,不包括特定类别的元素
- 将正则表达式重新分解为不包括空组
- 为什么从JSON文本到类型的转换不包括函数
- XMLHttpRequest调用不包括If Modified Since标头
- 使用 JavaScript 执行一行 PHP(不包括 PHP 文件)
- 捆绑器不包括 .min 文件
- 与冒号(不包括冒号)之间的正则表达式单词匹配
- 包含特殊字符 (!,@,#,&) 不包括其他特殊字符
- Javascript RegEx:如何获取单引号之间的名称(不包括单引号)
- Javascript RegEx匹配URL's,但不包括图像
- Rails不包括用于javascript的require_tree
- 获取JS中特定路径的cookie,不包括根路径
- requireJS优化器不包括嵌套的require调用
- 不包括'+'和'&'正则表达式中的字符
- 如何获取html页面中所有p和h标记的值,不包括所有其他标记
- 使用javascript查找小数前的整数(不包括特殊字符)
- Javascript RegEx:在符号后获取1或2位数字(不包括该符号)
- 如何获取应用程序.js其中不包括压缩代码
- 如何包含外部JS文件,而不包括在头部标签
- Javascript/php: xmlHttpRequest或(理想情况下不包括头部更改)