我想调用一个外部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
文件夹。
发布于 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>
发布于 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')
发布于 2016-04-14 04:00:39
您可以在head
标记中加载所有脚本,无论脚本在函数大括号中做什么。但是,如果在脚本之外使用这些变量,请确保更改这些变量的作用域。
https://stackoverflow.com/questions/7789521
复制相似问题