javacript 入门
基础工具:
- Node.js
https://nodejs.org/en/ - VS Code
https://code.visualstudio.com/ - Chrome
https://www.google.com/chrome/
参考教程:
书籍:Web开发精品课-Javascript基础教程
参考源码:Javascript基础教程 源码
1 基础知识
1.1 javascript在网页中的引入
js脚本有三种引入方式:
- 外部引入
在html的头部或者body引入外部脚本文件:
<html>
<head>
.....
<script src="script.js"></script>
</head>
<body>
<script src="script_in_body.js"></script>
</body>
</html>
- 内部引入
在html的头部或者body部分使用<script>标签声明:
<html>
<head>
.....
<script>
console.log('Hello,Workplex!');
</script>
</head>
<body>
<script>
console.log('Hello,Workplex!');
</script>
</body>
</html>
- 元素事件
可以为某个Html元素定义事件:
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<input type="button" value=" 按钮" onclick="alert('WorkPlex!')"/>
</body>
</html>
也可以为某个元素调用事件方法:
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script>
function plex(){
console.log('点击了按钮');
}
</script>
</head>
<body>
<input type="button" value=" 按钮" onclick="plex()"/>
</body>
</html>