如何链接外部JavaScript文件按钮的按钮

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (47)

JavaScript文件在Public / Scripts / filename.js中。我在template / form.tmpl.html中有一个模板文件。根文件夹包含公共和模板文件夹

我想在form.tmpl.htm中调用javascript文件onClick按钮。

  <button type="button" value="Submit" onClick="Call the external js file" >
提问于
用户回答回答于

我必须同意上面的评论,你不能调用一个文件,但你可以像这样加载一个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>
用户回答回答于

如果你想让你的按钮调用你写在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 + '!');
}

扫码关注云+社区