嗯，你问的是什么源码？
javascript是网页脚本语言，是用来辅助html的网页做一些其他操作的编程语言。
如果你是看一个网站上的js代码，那些都是源码。因为网页都是要下载下来才能看，配套的js脚本也是一样，你能看到的javascript代码都是已经用到的。
至于函数。。。就是可以理解成操作公式，把一堆javascript操作用{}包在一起，就是一个函数。
回头调用函数的时候就只需要参数和返回值，就能替我执行早就写好的javascript操作。
顺便说一句，函数是广义的，很多地方都有。
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
$("#zh").click(function(){
var ys1=$('#ys1').val()
var ys2=$('#ys2').val()
var htmlstr=''
$("input[name='cb']:checked").each(function(){
if(ys1!=""){
htmlstr+='<input type="text" value="颜色1:'+ys1+'-'+$(this).val()+'"><br/>'
}
if(ys2!=""){
htmlstr+='<input type="text" value="颜色2:'+ys2+'-'+$(this).val()+'"><br/>'
}
})
$("#cc").html(htmlstr)
})
})
</script>
</head>
<body>
颜色1<select name="st[]" id="ys1"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>颜色2<select name="st[]" id="ys2"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>尺码: <br><input type="checkbox" name="cb" value="a">X1<input type="checkbox" name="cb" value="b">X2<input type="checkbox" name="cb" value="c">X3<input type="button" value="组合" onclick="" id="zh"><br><br>需求：如果颜色1选择为1<br>如果颜色2选择为2<br>尺码选择a和b<br>点击【组合】按钮后——创建4个input如下:value值分别为1-a、1-b、2-a、2-b
<div id="cc">
</div>
</body>
</html>
需要获取网页中的javascript执行后生成的完整的网页源码（通常使用的右键-查看源代码是看不到js执行后的内容的，用firefox的firebug看到的代码就是js执行后的代码），从中提取一些有用的数据。
