基础工具:

  1. Node.js
    https://nodejs.org/en/
  2. VS Code
    https://code.visualstudio.com/
  3. 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>

标签: none

分享到: