5/30/2017

[ js ] javascript call onclick function,再使用 get url 超連結功能

在這邊介紹如何在html的click連結按鈕後
觸發js事件再在function內使用超連結功能
以下是我們最常用的超連結下法,用a href 去帶連結值
寫法如下

<a href="http://google.com" target="_blank">test click here</a>

今天要教如何在click之後呼叫js function
我們先把a href的值換成#,然後另外寫一個onclick動作
然後另外帶入我們在別邊寫好的javascript,clk()
html部分寫法如下

<a href="#" onclick="clk()" target="_blank">test click here</a>

js的部分如下
<script>
//這邊我們window.open來開啟超連結

function clk(){

window.open('http://google.com','_blank');

;}


</script>

如果覺得我的文章有幫助
請你點右邊的FB加入訂閱 我會在粉絲團不定期分享新資訊
也歡迎交流!謝謝 阿特底賽粉絲團
https://www.facebook.com/artdesigntw




No comments:

Post a Comment