html失去获得焦点

为了举例简单明了，我就直接使用文本编辑器程序演示方法，大家也可以使用其他编辑软件，还可以直接利用系统中自带的记事本来编辑。
首先输入网页基本的html代码。

<html>

<body>

</body>

</html>
然后，在<html>后面添加<head>代码.

<head></head>

并在标签之间为超链接添加样式代码

<style type="text/css">

a:active {color:green}

</style>
下面在<script>标签中定义两个函数，输入代码：

<script type="text/javascript">

function getfocus()

{document.getElementById('jingyan').focus()}

</script>

这个函数作用是获得焦点。
然后再输入定义失去焦点的函数。

function losefocus()

{document.getElementById('jingyan').blur()}
点击正文<body>标签后，定义一个文字链接：

<a >点击访问百度经验</a>
然后在下面添加两个按钮，用来执行获得和失去焦点。

<input type="button" onclick="getfocus()" value="获得焦点">

<input type="button" onclick="losefocus()" value="失去焦点">
将代码保存为html格式，预览下效果。