onclick 常用手册

时间：2023-01-07 17:58:41

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=设成主页>

相关文章