去掉点击链接时周围的虚线框outline属性

无虚线框的网页导航方案

在网页设计中，有时我们希望用户在点击链接时不会出现虚线框，以提升用户体验。下面介绍两种实现这一需求的方法。

方法一：利用HTML属性

在Internet Explorer浏览器下，我们可以使用特定的html属性来实现这一目标。具体的操作是在HTML标签中加入“hidefocus”属性，并设定其值为“true”。例如：

`欢迎来到博客园（启用隐藏焦点属性）`

不过需要注意的是，这个属性是IE私有的，Firefox等浏览器并不识别。对于Firefox等浏览器，我们可以通过在样式表中对a:focus进行设置来实现相同的效果，如`.xzw_test a:focus{outline:none}`。这样，无论在哪种浏览器下，都可以隐藏点击链接时的虚线框。

方法二：借助JavaScript实现

除了上述的HTML属性方法，我们还可以借助JavaScript来实现这一目标。通过判断某个特定的链接，我们可以使其点击后失去焦点，从而达到无虚线框的效果。代码如下：

`if(j(this).attr("id")=="jsControl") j(this).blur();`

以上代码通过判断当前元素的id属性，如果等于“jsControl”，则通过调用blur()方法使其失去焦点，从而实现无虚线框的效果。这种方法灵活且可定制性强，可以根据具体需求进行定制。

我们还可以注意到代码中出现了`cambrian.render('body')`这一行。这可能是某种特定的框架或库中的函数调用，用于渲染页面或执行其他特定任务。不过由于缺少上下文信息，无法确定其具体作用。

以上两种方法都可以实现网页链接点击时无虚线框的效果，可以根据具体需求和场景选择合适的方法。