[javascript] urlとtitleタグの中身を取得する方法

title：
url：

<script type="text/javascript">

function cli(){
hoge01 = document.title;
hoge02 = location.href;

document.getElementById("bar01").innerHTML = hoge01;
document.getElementById("bar02").innerHTML = hoge02;

}

</script>
<input type="button" value="実行1" onClick="cli()" style="margin:0 0 10px 1px;">
<pre>
<p>title：<span id="bar01"></span></p><p>url：<span id="bar02"></span></p>