求助：HTML点击按钮调用JS文件或者直接调用JS代码？
<a href="#" class="btn ps-cs6" >按钮</a> href=“”应该怎么写直接使用JS文件，或者可不可以直接使用JS代码？
HTML点击按钮调用JS文件或者直接调用JS代码的方法。
如下参考：
1.将这段代码保存到一个文件中，如下图所示。
2.请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为.js。
3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它，不需要写一个新的js文件。
4.在HTML的头部部分引入js文件，具体代码如下图所示。
5.引用是一个双标签，所以如果没有内容，就必须完全写入。
6.如果你的js是从外部导入的，你不能在中间写js代码。
7.如果需要，您需要重新声明脚本标记，并在标记中编写js代码，如下图所示。
8.javascriptjquery也是一样的规则，你必须在script标签中写代码。随着js文件的引入，你可以简单地在你想要的地方调用它。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-11-24
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test.worker</title>
</head>
<body>
<a href="javascript:test();" class="btn ps-cs6">按钮</a>
<script>
function test()
{
alert(123);
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>test.worker</title>
</head>
<body>
<script type="text/javascript">
function loadScript(url,callback){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
if (script.readyState){//IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" || script.readyState == "complete"){
script.onreadystatechange = null;
eval(callback + '()');
}
};
} else { //Others: Firefox, Safari, Chrome, and Opera
script.onload = function(){
eval(callback + '()');
};
}
document.body.appendChild(script);
}
</script>
<a href="javascript:loadScript('abc.js','abc');" class="btn ps-cs6">按钮</a>
</body>
</html>
{
alert(new Date());
}本回答被网友采纳
<html>
<head>
<meta charset="utf-8">
<title>test.worker</title>
</head>
<body>
<a href="javascript:test();" class="btn ps-cs6">按钮</a>
<script>
function test()
{
alert(123);
}
</script>
</body>
</html>
记得采纳我的答案哦 , 我是在看到没人回答正确答案的情况下 , 写给你的.也希望你能认可
追问然后点击使用JS文件 怎么搞？
追答加载JS文件
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>test.worker</title>
</head>
<body>
<script type="text/javascript">
function loadScript(url,callback){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
if (script.readyState){//IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" || script.readyState == "complete"){
script.onreadystatechange = null;
eval(callback + '()');
}
};
} else { //Others: Firefox, Safari, Chrome, and Opera
script.onload = function(){
eval(callback + '()');
};
}
document.body.appendChild(script);
}
</script>
<a href="javascript:loadScript('abc.js','abc');" class="btn ps-cs6">按钮</a>
</body>
</html>
abc.js
{
alert(new Date());
}本回答被网友采纳
相似回答