Edit in JSFiddle

JavaScript
HTML
CSS
Result

function applyBodyFontSize(fontSize){
	"use strict";
	var bodyElement = document.body;
	bodyElement.style.fontSize = fontSize + 'px';
}

<!DOCTYPE html>
<body>
 <h1>
 あ〜〜〜〜〜
 </h1>  
 <p>
 い〜〜〜〜〜
 </p>
   
    <p>ページの文字サイズを変える →
     <a href="#" onclick="applyBodyFontSize(20);">大</a>
     <a href="#" onclick="applyBodyFontSize(16);">中</a>
     <a href="#" onclick="applyBodyFontSize(12);">小</a>
    </p>

<script src="js/02_function_param.js"></script>
</body>

body{
    font-size:16px;
}
h1,ul,li,p,a{
    font-size: 100%;
}
.mainTitle{
    font-size: 160%
}