首页 > 代码库 > onclick 常用手册

onclick 常用手册

2024-07-17 06:28:07   212人阅读

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

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

方法如下：

　　
①onclick="javascript:window.location.href=http://www.mamicode.com/‘URL‘"②onclick="location=‘URL‘"③onclick="window.location.href=http://www.mamicode.com/‘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=设成主页>

 


联系
我们