Heim > Artikel > Web-Frontend > Welche drei Möglichkeiten gibt es, js zu verwenden? Was ist der Unterschied?
Welche drei Möglichkeiten gibt es, js zu verwenden? Was ist der Unterschied?
- 云罗郡主nach vorne
- 2018-10-22 16:42:392488Durchsuche
In diesem Artikel erfahren Sie, welche drei Möglichkeiten es gibt, js zu verwenden. Was ist der Unterschied? Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.
1. Inline-JS: JS wird nicht separat geschrieben
<!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. Internes JS: Das Programm im Skript kann auf der gesamten Seite verwendet werden
<!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. Externe js: Viele HTML-Seiten können die eingestellte js-Seite aufrufen
<!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>Sind die drei Möglichkeiten, js zu verwenden? Alle Unterschiede werden vorgestellt. Wenn Sie mehr über das JavaScript-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWelche drei Möglichkeiten gibt es, js zu verwenden? Was ist der Unterschied?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!