本文介绍了IE7中设置首页的新方法，与之前的版本相比有了较大变动，包括使用IE的Namespace及新增HOMEPAGE对象。同时保留了加入收藏夹的方法。
以前版本的“设为首页”代码，非常简单，如点击按钮，将其设为首页的代码为：
<a class="chlnk" style="cursor:hand" HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://blog.youkuaiyun.com/redleaf1995');return false;" >
<font color="ff6600" size="2">【将本站加为首页】</font>
</a>
<HTML XMLNS:IE>
<HEAD>
<STYLE>...
@media all {...}{
IE:HOMEPAGE {behavior:url(#default#homepage)}
}
</STYLE>
<SCRIPT>...
function fnSet()...{
oHomePage.setHomePage(oHomeHref.value);
event.returnValue = false;
}
</SCRIPT>
</HEAD>
<BODY>
<IE:HOMEPAGE ID="oHomePage" />
<INPUT TYPE=text ID=oHomeHref VALUE="http://www.microsoft.com">
<INPUT TYPE=button VALUE="Set" onclick="fnSet()">
</BODY>
</HTML>
window.external.AddFavorite(location.href, document.title);
<a class="chlnk" style="cursor:hand" HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://blog.youkuaiyun.com/redleaf1995');return false;" ><font color="ff6600" size="2">【将本站加为首页】</font></a>但IE7多用了多选项卡式的浏览方式，对主页作了一些改进，可以将一组页面设为首页。因此对setHomePage的javascript方法作了变动，具体变动看MSDN所自带的一个例子：
<HTML XMLNS:IE><HEAD><STYLE>...@media all {...}{ IE:HOMEPAGE {behavior:url(#default#homepage)}}</STYLE><SCRIPT>...function fnSet()...{ oHomePage.setHomePage(oHomeHref.value); event.returnValue = false;}</SCRIPT></HEAD><BODY><IE:HOMEPAGE ID="oHomePage" /><INPUT TYPE=text ID=oHomeHref VALUE="http://www.microsoft.com"><INPUT TYPE=button VALUE="Set" onclick="fnSet()"></BODY></HTML> 新的方法采用了IE的Namespace,还增加了HOMEPAGE这样一个对象，这样的变动对于以前的版本来说，算是变化比较大的了，做兼容的设计朋友们又得多花点力气在这上面了。
另：“加入收藏夹”没有变化，仍然是AddFavorite：
window.external.AddFavorite(location.href, document.title);
扫一扫
317
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
