JS文件里包含JS文件的问题
JS文件如果包含JS文件?我弄不清楚包含的步骤与原理,请大家讲解一下.我想要实现的效果是这样的-------------1.js--------------functio...
JS文件如果包含JS文件?
我弄不清楚包含的步骤与原理,请大家讲解一下.
我想要实现的效果是这样的
-------------1.js--------------
function test(){
var total = 22 * 1212;
alert(total);
}
-------------2.js--------------
调用test()方法;
-------------------------------
这个想法能实现吗?我现在对JavaScript感兴趣,但是才开始拿起一本书刚学,突然有一个灵感,想知道JS能不能象CSS文件那样可以用一句@import url("css.css");导入另一个CSS文件.但是,我在网上找了半天,总是无法得到我想象的结果,浏览器总是报错.
另外,两个JS文件中的变量,他们可否能互相访问? 展开
我弄不清楚包含的步骤与原理,请大家讲解一下.
我想要实现的效果是这样的
-------------1.js--------------
function test(){
var total = 22 * 1212;
alert(total);
}
-------------2.js--------------
调用test()方法;
-------------------------------
这个想法能实现吗?我现在对JavaScript感兴趣,但是才开始拿起一本书刚学,突然有一个灵感,想知道JS能不能象CSS文件那样可以用一句@import url("css.css");导入另一个CSS文件.但是,我在网上找了半天,总是无法得到我想象的结果,浏览器总是报错.
另外,两个JS文件中的变量,他们可否能互相访问? 展开
3个回答
展开全部
通常都不会是在一个js文件中调用另一个js文件。因为我所看到的项目，js都是为了jsp服务的。所以看到的情况都是在某个jsp上有些这个jsp特有的js函数，就写在这个jsp上面，而有些共用的js函数则是写在一个js文件中（这样好过同样功能的js函数被到处复制，其好处不言而喻），然后将这个js文件引入要使用它的jsp文件。
更多的时候，由于项目比较大，使用到的共用的js文件比较多，通常会这样做。有个a.jsp，上面要用到例如一个Common.js和Tree.js。则a.jsp上面引入一个<%@ include file="resource.inc"%>，而这个resource.inc中则是：<script language=javascript src="Tree.js"> </script>和<script language=javascript src="Common.js"> </script>。这样这两个js就被引入到a.jsp上了，在jsp上就可以调用其中的任何方法。
实际上，可以理解为这样做了之后，js文件中定义的js函数都被copy到了a.jsp里面了。
关于最后一个问题，按照我的理解如果定义的变量是全局的，那么其他的js文件中函数也可以使用。如果是某一个方法里面定义的变量，那么只能作为参数传递到另外一个方法里面才能被使用。
PS：以上观点都是个人理解，绝非网上复制抄袭，难免有失误之处，欢迎指正。
更多的时候，由于项目比较大，使用到的共用的js文件比较多，通常会这样做。有个a.jsp，上面要用到例如一个Common.js和Tree.js。则a.jsp上面引入一个<%@ include file="resource.inc"%>，而这个resource.inc中则是：<script language=javascript src="Tree.js"> </script>和<script language=javascript src="Common.js"> </script>。这样这两个js就被引入到a.jsp上了，在jsp上就可以调用其中的任何方法。
实际上，可以理解为这样做了之后，js文件中定义的js函数都被copy到了a.jsp里面了。
关于最后一个问题，按照我的理解如果定义的变量是全局的，那么其他的js文件中函数也可以使用。如果是某一个方法里面定义的变量，那么只能作为参数传递到另外一个方法里面才能被使用。
PS：以上观点都是个人理解，绝非网上复制抄袭，难免有失误之处，欢迎指正。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS文件包含JS文件?
我只知道一个HTML文件可以同时包含多个JS文件
------------------------1.html----------------------
<html>
<head>
</head>
<body onload="doTest()">
<script src="1.js" type="text/javascript">
</script>
<script src="2.js" type="text/javascript">
</script>
</body>
</html>
------------------------1.js----------------------
function test(){
var total = 22 * 1212;
alert(total);
}
------------------------2.js----------------------
function doTest() {
test();
}
两个JS文件中的变量,他们可以互相访问
我只知道一个HTML文件可以同时包含多个JS文件
------------------------1.html----------------------
<html>
<head>
</head>
<body onload="doTest()">
<script src="1.js" type="text/javascript">
</script>
<script src="2.js" type="text/javascript">
</script>
</body>
</html>
------------------------1.js----------------------
function test(){
var total = 22 * 1212;
alert(total);
}
------------------------2.js----------------------
function doTest() {
test();
}
两个JS文件中的变量,他们可以互相访问
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
在项目开发过程中，也许你会遇这样的情况。在某一Js文件中需要完成某一功能，但这一功能的大部分代码在另外一个Js文件中已经完成了，自己只需要调用这个方法再加上几句代码就可以实现所需的功能。我们知道，在html中，利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的。那么该如何解决呢？当然，你可以将代码通通copy过来，也许你并不喜欢这样。
例如有这样一个html，里面有一个按钮，当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。若要实现这个功能，必须注意，将要引入的Js文件代码放在</body>下面。
首先，我们在html中引入b.js，并在</body>之后加入引用语句。如下：
<html>
<body>
<input type="button" value="ok" onClick="javascript:b()">
</body>
<!--这里引用要放在body下面-->
<script language="JAVASCRIPT" src='b.js'></script>
</html>
b.js文件如下：
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");// 在这里引入了a.js
document.body.appendChild(new_element);
function b() {
a();
}
在b.js文件中前4行代码中我们引入了a.js文件，并在第7行代码中调用了a.js代码中的a()方法。
让我们来分析一下关键的几句代码：首先，我们利用document.createElement("script")生成了一个script的标签，设置其type属性为text/javascript，src为a.js(这里的a.js同b.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。
例如有这样一个html，里面有一个按钮，当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。若要实现这个功能，必须注意，将要引入的Js文件代码放在</body>下面。
首先，我们在html中引入b.js，并在</body>之后加入引用语句。如下：
<html>
<body>
<input type="button" value="ok" onClick="javascript:b()">
</body>
<!--这里引用要放在body下面-->
<script language="JAVASCRIPT" src='b.js'></script>
</html>
b.js文件如下：
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");// 在这里引入了a.js
document.body.appendChild(new_element);
function b() {
a();
}
在b.js文件中前4行代码中我们引入了a.js文件，并在第7行代码中调用了a.js代码中的a()方法。
让我们来分析一下关键的几句代码：首先，我们利用document.createElement("script")生成了一个script的标签，设置其type属性为text/javascript，src为a.js(这里的a.js同b.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
