通過html中的元素來調用javascript中的腳本

在平時web開發過程中經常會碰到點擊web頁面上的按鈕來對後臺的數據進行操作,這裏面涉及到html中的標籤以及javascrpt中的腳本,下面就來個簡單的示例看下如何來寫代碼;

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
document.getElementById("field2").value=document.getElementById("field1").value;
}
</script>
</head>
<body>

字段1: <input type="text" id="field1" value="Hello World!"><br>
字段2: <input type="text" id="field2">
<br><br>
<button οnclick="copyText()">複製文本</button>

<p>測試一下html中調用javascript</p>

</body>
</html>

以上可以看到javascript代碼在html裏面生效了,更進一步,一般在web開發中js文件都單獨寫成文件,如果裏面加入ajax請求的話,通過點擊按鈕就能夠通過ajax請求對後臺的數據進行操作。

發佈了50 篇原創文章 · 獲贊 13 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章