javascript點按鈕後觸發函式輸出到console

使用 <button> 按鈕和 <a> 是很常使用觸發函式的方式，但二者的寫法不太一樣

a標簽

前方一定要指定為 javascript:，testlog()為函式的名字，如下

<a href="javascript:testlog()">

1	<a href="javascript:testlog()">

按鈕

onClick事件，指定函式名稱， onClick="testlog()"

<button id="btn1" onClick="testlog()">button 點按後觸發函式</button>

1	<button id="btn1" onClick="testlog()">button 點按後觸發函式</button>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  <title>javascript點按鈕後觸發函式輸出到console</title>
  <style>
  </style>
	<script>
		function testlog(){
			window.alert("確定可以用js");
			console.log("console.log也確定可以用哦");		
			console.log("現在時間"+ new Date);	 
		}
	</script>
  </head>
  <body>
 		<button id="btn1" onClick="testlog()">button 點按後觸發函式</button>
		<a href="javascript:testlog()">a標籤點按後觸發函式</a>
  </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>javascript點按鈕後觸發函式輸出到console</title>

<style>

</style>

function testlog(){

window.alert("確定可以用js");

console.log("console.log也確定可以用哦");

console.log("現在時間"+ new Date);

}

</script>

</head>

<body>

<button id="btn1" onClick="testlog()">button 點按後觸發函式</button>

<a href="javascript:testlog()">a標籤點按後觸發函式</a>

</body>

</html>

See the Pen javascript點按鈕後觸發函式輸出到console by Jimmy_Wu (@Jimmy_Wu) on CodePen.

js bin展示開新視窗

標籤雲

a標簽

按鈕