CRainyDay

JavaScript简介

一.起源

  • JavaScript诞生于1995年, 它的出现主要是用于处理网页中的前端验证.
  • 所谓的前端验证, 就是指检查用户输入的内容是否符合一定的规则.
  • 比如: 用户名的长度,密码的长度,邮箱的格式等.

二.JavaScript构成

  • ECMAScript(JS的标准)
  • DOM(JS操作网页)
  • BOM(JS操作浏览器)

三.JS的特点

  • 解释型语言
  • 类似于 C 和 Java 的语法结构
  • 动态语言
  • 基于原型的面向对象
  • JavaScript是一门解释型语言, 所谓解释型值语言不需要被编译为机器码在执行, 而是直接执行.
  • JavaScript和与Java的关系也仅仅是看起来像而已
  • JavaScript是一门动态语言, 所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的. 比如一个变量, 这一时刻是个整型, 下一时刻可能会变成字符串了.
  • JS可能是运行速度最快的动态语言了
  • JavaScript是一门面向对象(基于原型的面向对象)的语言

四.JS的Hello World

A.JS代码的位置

  1. JS代码写在网页(.html文件)的script标签中
  2. JS代码可以写在标签的onclick属性中, 点击时才会执行
  3. JS代码写在超链接的href属性中, 点击时才会执行
  4. JS代码写在外部.js文件中, 用script标签引入该文件到网页
  • 虽然可以写在标签的属性中, 但是这样属于结构与行为耦合, 不方便维护, 不推荐使用
  • 一般使用script引入外部js文件或将代码写在script标签中, 一旦script标签用于引入js文件, 那么就不能在里面编写js代码
  • JS代码按script标签先后顺序, 顺序执行
注意: 本站所有的html代码, 均可直接复制, 然后粘贴到W3School 代码区, 点击提交代码在线执行.

例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS基础</title>
<script type="text/javascript">
//弹出窗口
alert("Hello Wrold!");
//输出在body标签中
document.write("Hello World!");
//输出在控制台
console.log("Hello World!");
</script>
<script type="text/javascript" src="js/test.js" ></script>
</head>
<body>
<br />
<button onclick="alert('讨厌, 点我干嘛~~~')">点我一下试试</button>
<br />
<a href="javascript:alert('让你点你就点?')">点我一下试试</a>
<a href="javascript:;">点我一下试试</a><!--点击时什么都不做-->
<script type="text/javascript">
//弹出窗口
alert("two");
</script>
</body>
</html>

 评论



本博客所有文章除特别声明外,均采用[(CC BY-NC-SA 4.0)]许可协议。转载请注明出处!

本站使用 Material X 作为主题 , 总访问量为 次 。
Copyright © 2019 CRainyDay's Blog 版权所有