html代码:
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/function.js"></script>
......
<p>This is another paragraph.</p>
<button type="button" onClick="ooo()">Click me</button>
functio.js代码:
function ooo()
{
$("p").hide();
}
644792799 的代码是可以运行,但是想要把那段JS代码放到一个独立的JS文件中去,在在HTML中调用,却不行,这是为什么呢?谢谢。
问题很有可能是导入的代码引起的错误,如果你是直接使用HTML进行测试,那么最好把JS放到对应目录,如果移动了HTML代码就会出现找不到的问题。
解决办法1
你衔把jquery.js,function.js两个JS复制到C盘,然后按下面的引用进行替换。这样写只能用于测试,项目中不太合适,如果这样能使用就能确定是路径错误造成的JQUERY文件没能正常导入
<script type="text/javascript" src="c:/jquery.js"></script>
<script type="text/javascript" src="c:/function.js"></script>
解决办法2
首先建立一个文件夹JqueryTest(名称随意),把HTML文件和JS文件都复制到该目录中结构为
c:/JqueryTest/MyTest.html
c:/JqueryTest/script/jquery.js
c:/JqueryTest/script/function.js
注:script文件夹是所属于JqueryTest下的,这样处理后应该就能正常访问了
这是按照本人经验进行判断回答的,希望能帮到你。
解决办法1
你衔把jquery.js,function.js两个JS复制到C盘,然后按下面的引用进行替换。这样写只能用于测试,项目中不太合适,如果这样能使用就能确定是路径错误造成的JQUERY文件没能正常导入
<script type="text/javascript" src="c:/jquery.js"></script>
<script type="text/javascript" src="c:/function.js"></script>
解决办法2
首先建立一个文件夹JqueryTest(名称随意),把HTML文件和JS文件都复制到该目录中结构为
c:/JqueryTest/MyTest.html
c:/JqueryTest/script/jquery.js
c:/JqueryTest/script/function.js
注:script文件夹是所属于JqueryTest下的,这样处理后应该就能正常访问了
这是按照本人经验进行判断回答的,希望能帮到你。
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2016-11-12
HTML代码:
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Show Or Hide</title>
<script type="text/javascript" src="jquery/jquery-1.4.js"></script>
<script type="text/javascript" src="jquery/function.js"></script>
<script type="text/javascript">
$(function(){
imageTestHideOrShow();
});
</script>
</head>
<body>
<img id="image" alt="image" src="img/map2.jpg">
<div><input type="button" name="showhide" id="showhide" value="隐藏"></div>
<textarea style="background-color:yellow;" rows="10" cols="20"></textarea>
</body>
</html>
--------------------------------------------------------------------------------------
JS代码:
function imageTestHideOrShow()
{
var i=1;
$("#showhide").click(function(){
if(i==1){
$("#image").hide("slow");
$("#showhide").val("显示");
i=0;
}else{
$("#image").show("slow");
i=1;
}
});
}本回答被提问者采纳
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Show Or Hide</title>
<script type="text/javascript" src="jquery/jquery-1.4.js"></script>
<script type="text/javascript" src="jquery/function.js"></script>
<script type="text/javascript">
$(function(){
imageTestHideOrShow();
});
</script>
</head>
<body>
<img id="image" alt="image" src="img/map2.jpg">
<div><input type="button" name="showhide" id="showhide" value="隐藏"></div>
<textarea style="background-color:yellow;" rows="10" cols="20"></textarea>
</body>
</html>
--------------------------------------------------------------------------------------
JS代码:
function imageTestHideOrShow()
{
var i=1;
$("#showhide").click(function(){
if(i==1){
$("#image").hide("slow");
$("#showhide").val("显示");
i=0;
}else{
$("#image").show("slow");
i=1;
}
});
}本回答被提问者采纳