本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法。分享给大家供大家参考。具体实现方法如下:
创新互联是一家专注于成都做网站、成都网站建设与策划设计,水城网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:水城等地区。水城做网站价格咨询:18980820575
/**
*
动态导入静态资源文件js/css
*/
var
$import
=
function(){
return
function(rId,
res,
callback){
if(res
'string'
==
typeof
res){
if(rId){
if($($('#'
+
rId),
$('head')).length0){
return;
}
}
//加载资源文件
var
sType
=
res.substring(res.lastIndexOf('.')
+
1);
//
支持js/css
if(sType
('js'
==
sType
||
'css'
==
sType)){
var
isScript
=
(sType
==
'js');
var
tag
=
isScript
?
'script'
:
'link';
var
head
=
document.getElementsByTagName('head')[0];
//
创建节点
var
linkScript
=
document.createElement(tag);
linkScript.type
=
isScript
?
'text/javascript'
:
'text/css';
linkScript.charset
=
'UTF-8';
if(!isScript){
linkScript.rel
=
'stylesheet';
}
isScript
?
linkScript.src
=
res
:
linkScript.href
=
res;
if(callback
'function'
==
typeof
callback){
if
(linkScript.addEventListener){
linkScript.addEventListener('load',
function(){
callback.call();
},
false);
}
else
if
(linkScript.attachEvent)
{
linkScript.attachEvent('onreadystatechange',
function(){
var
target
=
window.event.srcElement;
if
(target.readyState
==
'complete')
{
callback.call();
}
});
}
}
head.appendChild(linkScript);
}
}
};
}();
希望本文所述对大家的javascript程序设计有所帮助。
HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行,而这一对script标签可以放到head之间,也可以放到body之间,这是直接在页面写的方法,另一种方法是引入外部的js文件,同样使用script,这时不在该标签之间写代码,而是通过src=“js文件路径”引入,通常为了页面简洁常用外部引入的方法。
1.js
其中1.html代码如下:
如要测试还需要加上jquery.js 这个可自行下载
运行后点击按钮效果
下面再附上网上的一些方法:
1、直接document.write
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建script元素
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
其实原理就是利用dom动态的引入一个js到文件中来,就能和原有的js通信了。
在jsp页面引入javascript文件与引入css样式文件类似。如下引入;
script language='javascript' src='js/TreeToc.js'/script
通过script标签的src属性。Javascript文件必须以.js这种形式存放。如上面的TreeToe.js,src属性指向javascript文件的路径。
新建Javascript 类型的页面,在里面写入相应js 内容
保存文件在相应的根目录的js 文件夹下 如命名为lead.js
在页面中写script type="text/javascript" src="js/lead.js"/script即可完成导入
在HTML文档中引入JavaScript有两种方式,一种是内嵌式,另一种是外链式。
内嵌式方法:内嵌,放置在script和/script标签之间 、放置在有script标签的src属性指定的外部文件中 、放在一个URL里,这个URL使用特殊的协议”javascript“协议 。
外链式方法:定义 script 标签,在 script 标签中,通过src属性导入外部js文件,并且加载执行外部js文件中的程序代码内容,因为代码执行顺序问题,一般定义 script 标签 在 body标签内容的最下方。
扩展资料:
JavaScript用途
嵌入动态文本于HTML页面。
对浏览器事件作出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies,包括创建和修改等。
基于Node.js技术进行服务器端编程。
JavaScript虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
参考资料来源:百度百科-JavaScript