如何动态加载Javascript脚本
2010-04-01 17:21
543 查看
一类方法,可以动态加载Js脚本,支持所有浏览器,方法如下:
function LoadScript( url ) {
document.write('<scr'+'ipt type="text/javascript" scr="' + url + '"></scr' + 'ipt>');
}
调用方法:
LoadScript('../fckconfig.js');
以下是个完整的例子:
<script type="text/javascript">
function loadScript(url)
{
document.write('<script src="', url, '" type="text/javascript"></script>');
}
loadScript(navigator.appName.indexOf("Microsoft") != -1 ? "ie_msg.js" : "ns_msg.js");
</script>
现在这里给出第二种方法,本人觉得没有上一个方法好:
/* Impot Common script*/
function addJS(jsfile)
{
var head = document.getElementsByTagName('HEAD').item(0);
var script = document.createElement('SCRIPT');
script.src = jsfile;
script.type = "text/javascript";
head.appendChild(script);
}
function addCSS(cssfile) {
var head = document.getElementsByTagName('HEAD').item(0);
var style = document.createElement('link');
style.href = cssfile;
style.rel = 'stylesheet'
style.type = 'text/css';
head.appendChild(style);
}
/* LoadScripts at here.*/
function LoadScripts()
{
addJS(_ResourcePath+"Scripts/ToolBar.js");
}
function LoadCSS()
{
addCSS(_ResourcePath+"Styles/default.css");
}
以下是比较标准的例子,供参考:
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") //dynamically load and add this .css file
function LoadScript( url ) {
document.write('<scr'+'ipt type="text/javascript" scr="' + url + '"></scr' + 'ipt>');
}
调用方法:
LoadScript('../fckconfig.js');
以下是个完整的例子:
<script type="text/javascript">
function loadScript(url)
{
document.write('<script src="', url, '" type="text/javascript"></script>');
}
loadScript(navigator.appName.indexOf("Microsoft") != -1 ? "ie_msg.js" : "ns_msg.js");
</script>
现在这里给出第二种方法,本人觉得没有上一个方法好:
/* Impot Common script*/
function addJS(jsfile)
{
var head = document.getElementsByTagName('HEAD').item(0);
var script = document.createElement('SCRIPT');
script.src = jsfile;
script.type = "text/javascript";
head.appendChild(script);
}
function addCSS(cssfile) {
var head = document.getElementsByTagName('HEAD').item(0);
var style = document.createElement('link');
style.href = cssfile;
style.rel = 'stylesheet'
style.type = 'text/css';
head.appendChild(style);
}
/* LoadScripts at here.*/
function LoadScripts()
{
addJS(_ResourcePath+"Scripts/ToolBar.js");
}
function LoadCSS()
{
addCSS(_ResourcePath+"Styles/default.css");
}
以下是比较标准的例子,供参考:
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") //dynamically load and add this .css file
相关文章推荐
- 如何运行时(动态)加载js脚本|JavaScript
- 如何实现从服务器端向页面动态加载JavaScript脚本?
- 如何使用 Chrome 浏览器调试动态加载的 Javascript 脚本
- 如何实现从服务器端向页面动态加载JavaScript脚本?
- 如何实现服务器端下页面动态添加JavaScript脚本
- 动态加载脚本提升javascript性能
- 动态加载外部 css和javascript脚本 文件
- Javascript动态加载脚本与样式
- javaScript笔记(十九) 动态加载脚本和样式
- 如何防止动态加载JavaScript引起的内存泄漏问题
- 如何动态加载 JavaScript 与 CSS
- 如何实现JavaScript动态加载CSS和JS文件
- 如何实现服务器端下页面动态添加JavaScript脚本
- javascript中动态加载js、vbs脚本或者css样式表
- 如何防止动态加载JavaScript引起的内存泄漏问题
- 如何动态加载 JavaScript 与 CSS
- javascript 无阻塞脚本 ,通过dom动态加载
- js 如何通过js脚本动态加载js文件及读写cookie
- 如何动态加载外部Javascript文件
- 动态加载css样式表和javascript脚本