javascript文件位于Public/Scripts/filename.js中.我在template/form.tmpl.html中有一个模板文件.根文件夹包含公共和模板文件夹
我想在form.tmpl.htm中调用点击按钮的javascript文件.
<button type="button" value="Submit" onClick="Call the external js file" >
谢谢
Mik*_*Sav 41
我必须同意上面的评论,你不能调用文件,但你可以加载这样的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>
Fry*_*son 28
如果您希望按钮调用您在filename.js中编写的例程,则必须编辑filename.js,以便您要运行的代码是函数体.因为您可以调用函数,而不是源文件.(源文件没有入口点)
如果您的filename.js的当前内容是:
alert('Hello world');你必须改为:
function functionName(){
alert('Hello world');
}然后你必须在你的html页面的标题中加载 filename.js:
<head>
<script type="text/javascript" src="Public/Scripts/filename.js"></script>
</head>这样你就可以通过按钮调用 filename.js中包含的函数:
<button onclick="functionName()">Call the function</button>我做了一个小例子.一个简单的HTML页面要求用户输入她的名字,当她点击按钮时,调用Public/Scripts/filename.js中的函数将插入的字符串作为参数传递,以便弹出窗口显示"Hello,<insertedName>! ".
这是调用HTML页面:
<html>
<head>
<script type="text/javascript" src="Public/Scripts/filename.js"></script>
</head>
<body>
What's your name? <input id="insertedName" />
<button onclick="functionName(insertedName.value)">Say hello</button>
</body>
</html>这是Public/Scripts/filename.js
function functionName( s ){
alert('Hello, ' + s + '!');
}这是完全有可能的，我根据 Mike Sav 的例子做了类似的事情。那是 html 页面，应该是同一文件夹中的外部 test.js 文件
示例.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>
测试.js：
alert('hello world')
小智 6
通过.js首先加载文件，然后通过onclick调用函数，可以减少代码编写，并且很清楚正在发生的事情。我们将其称为JS文件zipcodehelp.js。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Button to call JS function.</title>
</head>
<body>
<h1>Use Button to execute function in '.js' file.</h1>
<script type="text/javascript" src="zipcodehelp.js"></script>
<button onclick="ZipcodeHelp();">Get Zip Help!</button>
</body>
</html>
的内容zipcodehelp.js是：
function ZipcodeHelp() {
alert("If Zipcode is missing in list at left, do: \n\n\
1. Enter any zipcode and click Create Client. \n\
2. Goto Zipcodes and create new zip code. \n\
3. Edit this new client from the client list.\n\
4. Select the new zipcode." );
}
希望有帮助！干杯!
–肯
| 归档时间： |
|
| 查看次数： |
167709 次 |
| 最近记录： |