我们有很多javascript函数,通常通过onclick函数处理。目前,它们存在于每个需要的文件中。将所有javascript函数合并到一个文件中并在需要的地方使用它是否有意义?这里的一般做法是什么
<s:link view="/User.xhtml"
onclick="if (confirm('#{messages['label.user.warning']}')) {
var f = $('user');
f.method = 'POST';
f.action = f.submit();
} return false;">
答案 0 :(得分:5)
是的!绝对将其纳入外部JavaScript。想象一下,如果您需要更改此代码中的内容。你现在需要改变多少个地方?不要重复代码。它必须使您的页面更大,这显然会影响下载量。
答案 1 :(得分:4)
由您决定可重用性在您自己的代码中的位置。但是创建一个经常使用的函数库是很容易的(也是一个好主意)。例如,创建一个像mylib.js这样的文件,例如......
function saveUser(f)
{
//...
f.method = 'POST';
f.action = f.submit();
}
将此添加到您的网页:
<script type="text/javascript" src="mylib.js"></script>
为您的活动添加代码:
<s:link view="/User.xhtml" onclick="return saveUser($('user'));">
请注意,库代码避免了对使用它的页面上的元素的布局或命名的任何依赖性。您可能还想留下一些评论,这些评论将提醒您未来的自我,这些库函数的目的和假设是什么。
答案 2 :(得分:2)
将所有javascript函数合并到一个文件中是否有意义并在需要的地方使用它?
嗯...是
做这样的事情会更好:
function saveUser() {
// logic goes here
}
并使用标记
<s:link view="..." onclick="saveUser();">
使用内联代码非常糟糕。不要这样做。或者prorgamming神将变得焦躁不安。
答案 3 :(得分:2)
将JavaScript代码放在JavaScript文件中总是一个好主意。就像你不混合内容和表示(XHTML和CSS)一样,你不必混合内容和交互性(XHTML和JavaScript)。
将JavaScript代码放在单独的文件中有几个优点:
onclick
和其他事件,但很容易忘记网站必须在没有JavaScript的情况下工作,从而开发一个不可访问的网站。)答案 4 :(得分:0)
可以通过脚本标记访问Javascript,脚本标记可以指向外部脚本或定义它仅在本文档中使用。
<script type="text/javascript" src="mycustom.js"></script>
<!-- OR -->
<script type="text/javascript">
function saveUser(username) {
//code
}
</script>
没有冒犯,但是如果你不知道你是非常新的,或者你在学习javascript时跳过了很多步骤。我建议您浏览关于javascript和其他任何你将要使用的w3schools.com教程。