如何通过单击按钮链接外部javascript文件
如何通过单击按钮链接外部javascript文件
提问于 2011-10-17 12:54:21
我想调用一个外部JS文件中的javascript函数，在这个文件form.tmpl.htm中的一个按钮上使用onClick函数。
<button type="button" value="Submit" onClick="Call the external js file" >javascript文件在Public/Scripts/filename.js中。我在template/form.tmpl.html中有一个模板文件。根文件夹包含Public和template文件夹。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-10-17 13:48:46
我不得不同意上面的评论，你不能调用一个文件，但你可以像这样加载一个JS文件，我不确定它是否回答了你的问题，但它可能会有所帮助……哦，我在我的例子中使用了链接而不是按钮...
<a href='linkhref.html' id='mylink'>click me</a>
<script type="text/javascript">
var myLink = document.getElementById('mylink');
myLink.onclick = function(){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "Public/Scripts/filename.js.";
document.getElementsByTagName("head")[0].appendChild(script);
return false;
}
</script>Stack Overflow用户
发布于 2015-08-27 17:25:21
这是完全可能的，我基于Mike Sav的例子做了类似的事情。这是html页面，并且应该是同一文件夹中的外部test.js文件
example.html：
<html>
<button type="button" value="Submit" onclick="myclick()" >
Click here~!
<div id='mylink'></div>
</button>
<script type="text/javascript">
function myclick(){
var myLink = document.getElementById('mylink');
myLink.onclick = function(){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "./test.js";
document.getElementsByTagName("head")[0].appendChild(script);
return false;
}
document.getElementById('mylink').click();
}
</script>
</html>test.js：
alert('hello world')Stack Overflow用户
发布于 2016-04-14 04:00:39
您可以在head标记中加载所有脚本，无论脚本在函数大括号中做什么。但是，如果在脚本之外使用这些变量，请确保更改这些变量的作用域。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7789521
复制相关文章
相似问题