onclick 常用手册

1、如何去使用onclick来跳转到我们指定的页面/跳转到指定url

☆如果只是在本页显示的话，可以直接用location,

方法如下：

　　

①onclick="javascript:window.location.href='URL'"
②onclick="location='URL'"
③onclick="window.location.href='URL?id=11'"

☆如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location

 

下面我们来看看哪个可以实现跳转，哪个不跳转？

<script type="text/javascript">
function ToUrl(x)
{
      location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试1</a>
<a href="javascript:void(0);"
 onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试2</a>
<a href="javascript:void(0);"
 onclick="javascript:ToUrl('http://www.g.cn');return false;">
location.href不跳转测试3</a>
<a href="#" onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试4</a>
<a href="###" onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试5</a>

我用IE8测试全部跳转！应该是有不跳转的啊？

 

为了能说明问题，下面我们实地用下onclick!

我们写个复制链接功能的onclick：

<a href="#" style="font-size: 8pt; color: #0000ff;"  onclick="if(window.clipboardData.setData('Text', '测试复制功能'))alert('测试复制功能')">
复制链接
</a> 

 //复制到粘贴板 ，复制成功返回true
 if(!window.clipboardData){
        return;
}
var flag=window.clipboardData.setData("text",copyValue);

唉，真的复制到粘贴板上成功了，到此你应该学到了不少的onclick的用法了吧。

下面列出一些我们平时可能会用到的onclick事件,大家先留着，以后一定能用到的。

<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1>
<INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2>
<INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性 name=Button3>
<INPUT onclick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印 name=Button>
<INPUT onclick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置 name=Button4>
<INPUT onclick=window.location.reload() type=button value=刷新 name=refresh>
<INPUT onclick="window.external.ImportExportFavorites(true,'');" type=button value=导入收藏夹 name=Button5>
<INPUT onclick="window.external.ImportExportFavorites(false,'');" type=button value=导出收藏夹 name=Button32>
<INPUT onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹 name=Button22>
<INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹 name=Submit2>
<INPUT onclick='window.location="view-source:" + window.location.href' type=button value=查看源文件 name=Button7>
<INPUT onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置 name=Button6>
<INPUT onclick="document.execCommand('Cut')" type=button value=剪切>
<INPUT onclick="document.execCommand('Copy')" type=button value=拷贝>
<INPUT onclick="document.execCommand('Paste')" type=button value=粘贴>
<INPUT onclick="document.execCommand('Undo')" type=button value=撤消>
<INPUT onclick="document.execCommand('Delete')" type=button value=删除>
<INPUT onclick="document.execCommand('Bold')" type=button value=黑体>
<INPUT onclick="document.execCommand('Italic')" type=button value=斜体>
<INPUT onclick="document.execCommand('Underline')" type=button value=下划线>
<INPUT onclick="document.execCommand('stop')" type=button value=停止>
<INPUT onclick="document.execCommand('SaveAs')" type=button value=保存>
<INPUT onclick="document.execCommand('Saveas',false,'c://某某某.inf')" type=button value=另存为>
<INPUT onclick="document.execCommand('FontName',false,fn)" type=button value=字体>
<INPUT onclick="document.execCommand('FontSize',false,fs)" type=button value=字体大小>
<INPUT onclick="document.execCommand('refresh',false,0)" type=button value=刷新>
<INPUT onclick=window.location.reload() type=button value=刷新>
<INPUT onclick=history.go(1) type=button value=前进>
<INPUT onclick=history.go(-1) type=button value=后退>
<INPUT onclick=history.forward() type=button value=前进>
<INPUT onclick=history.back() type=button value=后退>
<INPUT onclick='window.external.ImportExportFavorites(true,"http://www.copterfly.cn";);' type=button value=导入收藏夹>
<INPUT onclick='window.external.ImportExportFavorites(false,"http://www.copterfly.cn";);' type=button value=导出收藏夹>
<INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹>
<INPUT onclick="window.location = 'view-source:'+ window.location.href" type=button value=查看源文件>
<INPUT onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置>
<INPUT onclick="window.external.AddFavorite('http://www.copterfly.cn, 零下一度)" type=button value=加入收藏夹>
<INPUT onclick="window.external.addChannel('http://www.copterfly.cn')" type=button value=加入到频道>
<INPUT onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('hi.baidu.com/crystalhx')"href="http://www.copterfly.cn/#"
type=button value=设成主页>