1、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护，如果一个页面写太多行内样式，也会让页面看着比较乱。
2、可以放在页面中的任何位置。但通常情况下放在<head></head>标签内。这样比较有统一性，便于查找。这个用在一个页面中还可以，不利于多个页面同一样式的使用。
3、这个方法需要单独建立一个css文件，所有的样式都放到这里面。易于维护，并且适合多个页面使用。
4、这个方法是在外部单独建立一个js文件，页面中所有的js都在这一个页面中。易于维护，方便多次使用。
5、直接把js效果写在<script></script>标签中即可。这部分内容可以放在页面中的任何位置。但是一般放在页面的底部。这样的话便于页面加载完成再执行js文件。
在body的onload事件中写
需要提醒的是，不同的浏览器对于body的onload事件有不同的解释，能不能执行是个问题。现在一些浏览器可以执行，有的却不能，因为body的onload事件是由于ie 的原因，但是有些浏览器在执行起来却会出现问题。
具体方法如下：
window.onload=function()//用window的onload事件，窗体加载完毕的时候
{
//do something
}
</script>
另外说明一下，就算你用body的onload事件，也最好加上JavaScript
body onload="javascript:XXX()"
因为，ie和火狐对于这两个写法解释是不一样的，ie默认是JScript，火狐等新兴浏览器默认是JavaScript，至于JScript和JavaScript有什么不同，两个之间差异很大，对于有些方法两个是可以共用的。
但是很多都不能共用，又因为现在的浏览器都支持JavaScript，但是只有ie支持JScript。
扩展资料
调用带参数的函数：
在调用函数时，您可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。
您可以发送任意多的参数，由逗号 (,) 分隔：
myFunction(argument1,argument2)
当您声明函数时，请把参数作为变量来声明：
function myFunction(var1,var2)
{
这里是要执行的代码
}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。
参考资料：百度百科-JavaScript
