[学习笔记]在页面中引用javascript代码

最新推荐文章于 2024-01-04 17:17:42 发布

重度精分患者

最新推荐文章于 2024-01-04 17:17:42 发布

阅读量371

点赞数

文章标签： javascript 学习笔记

本文链接：https://blog.youkuaiyun.com/Liuduanyang/article/details/51932231

版权

内面中引用javascript代码方法：

在页面中直接嵌入js代码

引入外部js文件

具体看代码示例

1.在内面中直接嵌入js代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小例子</title>
<script type="text/javascript" >
var bianliang="我最帅";
function test(){
alert(bianliang);
}
</script>
</head>
<body οnlοad="test()">
</body>
</html>

结果会在内面内弹出我最帅的字样

2.引入外部js文件

html 文件部分：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小例子</title>
<script type="text/javascript" src="text.js"></script>
</head>
<body οnlοad="test()">
</body>
</html>

javascript文件部分：

var bianliang="我最帅";
function test(){
alert(bianliang);
}

在浏览器中打开弹出我最帅字样

注意：

""（双引号）内的空格是有效的