我有以下两个javascript函数:
1
showCountry()
2
showUser()
我想把它们放在外部的“.js”文件中
1
<a href="javascript:showCountry('countryCode')">countryCode</a>
2
<form>
<select name="users" onChange="showUser(this.value)">
<option value="1">Tom</option>
<option value="2">Bob</option>
<option value="3">Joe</option>
</select>
</form>
调用这些函数的正确语法是什么?
像这样的代码
<html>
<head>
<script type="text/javascript" src="path/to/script.js"></script>
<!--other script and also external css included over here-->
</head>
<body>
<form>
<select name="users" onChange="showUser(this.value)">
<option value="1">Tom</option>
<option value="2">Bob</option>
<option value="3">Joe</option>
</select>
</form>
</body>
</html>
我希望它会对你有所帮助....谢谢
注意: - 不要在外部JavaScript文件中使用脚本标记。
<html>
<head>
</head>
<body>
<p id="cn"> Click on the button to change the light button</p>
<button type="button" onclick="changefont()">Click</button>
<script src="external.js"></script>
</body>
外部Javascript文件: -
function changefont()
{
var x = document.getElementById("cn");
x.style.fontSize = "25px";
x.style.color = "red";
}
在你的头元素添加
<script type="text/javascript" src="myscript.js"></script>
这是向您添加外部JavaScript文件HTML标记的方法。
<script type="text/javascript" src="/js/external-javascript.js"></script>
其中external-javascript.js
是要包含的外部文件。包含它时,请确保路径和文件名正确无误。
<a href="javascript:showCountry('countryCode')">countryCode</a>
上述方法对于锚标签是正确的,并且将完美地工作。但是对于其他元素,您应该明确指定事件。
例:
<select name="users" onChange="showUser(this.value)">
谢谢,XmindZ
您可以在主体细分中添加JavaScript,如下所示:
<body>
<script src="myScript.js"> </script>
</body>
myScript
将是您的JavaScript的文件名。只需编写代码即可享受!
我希望这可以帮助这里的人:我遇到了一个问题,我需要使用JavaScript来操作一些动态生成的元素。在将我的外部.js文件包含在头部的<script>
</script>
标签之后的代码中,然后它完美地运行后,脚本再次无效。在FF上使用开发人员工具并且返回null值为变量持有新元素。我决定在</body>
标签和宾果游戏之前将我的脚本标签移动到html文件的底部,并且脚本的每个部分都开始再次响应。