一般有三种方式在HTML中引入JavaScript
-
第一式:
引用外部.js文件
<!-- 引用外部js文件 -->
<script src="myscript.js"></script> <!-- 第一种 -->
-
第二式
直接在HTML中写入<script></script>块
<!-- 在HTML中直接编辑JavaScript标签块 --> <!-- 第二种 -->
<script>
//内部script
function show(){
document.write("hello <span style='color:red'> visual code!</span><br/>");
}
show();
</script>
-
第三式
在组件中定义或引用JavaScript
<!-- 在按键事件中引用JavaScript定义的函数(这是在myscript中定义的!) -->
<input type="button" value="按钮1" onclick="show2()"/>
全部代码如下:
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>引入JavaScript测试</title>
</head>
<body>
<!-- 在按键事件中引用JavaScript定义的函数(这是在myscript中定义的!) -->
<input type="button" value="按钮1" onclick="show2()"/>
<p>hello</p>
<!-- 引用外部js文件 -->
<script src="myscript.js"></script> <!-- 第一种 -->
<!-- 在HTML中直接编辑JavaScript标签块 --> <!-- 第二种 -->
<script>
//内部script
function show(){
document.write("hello <span style='color:red'> visual code!</span><br/>");
}
show();
</script>
</body>
</html>
js:
function show2(){
alert("哈哈哈哈哈哈哈哈!");
}