虽然我经常会把这个链接工具栏给关掉,但是不管是IE还是FireFox都是有这么一个快捷的链接(书签)工具栏的。除了能够放置一些常用的网址,经常看到有网站说拖动一个链接到该工具栏上,就可以增加xx功能--很神奇,但是一直没有去深究。直到今天尝试CSDN剪影的时候,才决定深入了解一下。
原来很简单,网页上的任何链接都是可以拖到该工具栏上,点击的时候就跳转到href的位置了,跟直接点击链接的效果是一样的。而那些所谓的xx功能,其实是一段javascript脚本,因为href可以使用“javascript:xxx”的语法直接指向一段代码的。我们来看一下剪影按钮的完整的代码:
<
A
onclick
="alert('请用右键点击收藏或直接拖动收藏');return false;"
title
="转载到CSDN"
href
="javascript:function init(){try{var script=document.createElement('SCRIPT');script.src='http://ds.hylanda.com/BaseBtn.php?comType=2&reqType=1';document.body.appendChild(script);}catch(err){}}init();"
>
你看href就是一段简单的引导代码,用于下载更多的js代码,然后执行。这些JS脚本是可以访问当前页面上的内容的,使用DOM对象模型,这样就达到了动态注入JS脚本的功能!嗯,动态注入代码,Cool!
看似简单,实则不然。