如何同时使用 href 和点击 <a> 标签
How to use href and onclick on <a> tag simultaneously?
我想一个接一个地使用 href 和 onclick。我正在尝试这样做,但我的 javascript 函数没有被调用?这样做是正确的方法吗?
<a href="register.php" title="" onclick="javaScript:showRegisterRules();">Register</a>
function showRegisterRules()
{
alert("Registration Rules");
}
如何实现我的功能?
像这样:
<a href="javascript:void()" title="" onclick="javaScript:showRegisterRules('register.php');">Register</a>
function showRegisterRules(url)
{
alert("Registration Rules");
//Go to your url
document.location.href=url;
}
JS
<script type="text/javascript">
function showRegisterRules()
{
alert("Registration Rules");
}
</script>
.HTML
<a href="register.php" title="" onclick="showRegisterRules();">Register</a>
只有一个问题
你把javascript放在脚本标签中了吗?因为一旦我这样做了,它就起作用了
<a href="register.php" title="" onclick="javaScript:showRegisterRules();">Register</a>
.JS
<script>
function showRegisterRules()
{
alert("Registration Rules");
}
</script>
试试这个:
<a href="#" title="" onclick="javaScript:showRegisterRules();window.location.href='register.php'">Register</a>
您实际上可以在此处编写一个通用方法,而不是对任何给定 URL 编写一个特殊方法。
<a href="register.php" title="" onclick="showRegisterRules(this);">Register</a>
function showRegisterRules(a)
{
alert("Registration Rules");
document.location.href=a.href;
}
这样,您可以在站点内的任何位置重复使用相同的方法来显示警报。这允许它进入脚本文件而不是 html 页面
你也可以这样做
<a href="register.php" title="" onclick="return showRegisterRules('register.php');">Register</a>
function showRegisterRules(url)
{
alert("Registration Rules");
return true;
}
相关文章:
- 在<页眉>标签
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 在单击href链接的同时下载文件
- Sails.js:同时发布文本输入和一个文件
- 如何忽略单词like“”中的未使用空格;测试-文本”;同时构建html标签
- 在 ChartJS 中截断画布标签,同时在工具提示中保留完整的标签值
- 如何访问元素中的文本,同时忽略文本旁边的标签中的某些文本
- 如何同时使用 href 和点击 标签
- 引导数据库数据切换在同时使用两个标签时不使用 href #home 选项卡
- 如何同时启动多个音频标签
- 同时绑定标签“与”复选框上的JavaScriptjQuery点击事件
- getElementsByTagName同时用于两个标签
- Knockout.js绑定可以同时应用于容器标签和后代吗?
- 使用cytoscape.js如何同时显示节点之间的箭头和自定义标签
- CKEditor如何允许所有标签的所有样式,同时仍然限制标签本身
- 如何使用jquery同时编写两个输入标签
- 如何用一个Javascript标签同时安装service worker和manifest ?
- 同时更改两个标签
- 如何在支持渐进式增强(Progressive Enhancement)的同时,使用HTML5标签来支持无脚本客户端,这些