js的三種使用方式是什麼？有什麼區別
- 云罗郡主轉載
- 2018-10-22 16:42:392514瀏覽
這篇文章帶給大家的內容是關於js的三種使用方式是什麼？有什麼差別，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
1、行內js：js不單獨寫出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式1：行内js</title>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')">
<!--onclick:点击触发一个事件，alert：弹出一个对话框-->
</body>
</html>2、內部js：script裡的程式整個頁面都可以用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2：内部js</title>
<script type="text/javascript">
//声明一个函数(整个文档都可以使用)
function surprise() {
alert('恭喜你中了一百万')/*弹出框*/
}
</script>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数-->
<input type="button" value="点击" onclick="surprise()">
</body>
</html>3、外部js：很多html頁面都可以呼叫設定的js頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式3：外部js</title>
<!--很多html页面都可以调用js4.js页面-->
<script src="../../js/js4.js" type="text/javascript" charset="utf-8">
</script>
</head>
<body>
<input type="button" value="点击" onclick="test()">
</body>
</html>以上就是對js的三種使用方式是什麼？有什麼不同的介紹，如果您想了解更多有關JavaScript影片教學，請關注PHP中文網。
以上是js的三種使用方式是什麼？有什麼區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：csdn.net。如有侵權，請聯絡admin@php.cn刪除