JS简介

crainyday

前端 / JS

发布于：2019年3月29日

字数：676字

时长：2分钟

JavaScript简介

一.起源

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

二.JavaScript构成

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

三.JS的特点

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

四.JS的Hello World

A.JS代码的位置

JS代码写在网页(.html文件)的script标签中
JS代码可以写在标签的onclick属性中, 点击时才会执行
JS代码写在超链接的href属性中, 点击时才会执行
JS代码写在外部.js文件中, 用script标签引入该文件到网页

虽然可以写在标签的属性中, 但是这样属于结构与行为耦合, 不方便维护, 不推荐使用
一般使用script引入外部js文件或将代码写在script标签中, 一旦script标签用于引入js文件, 那么就不能在里面编写js代码
JS代码按script标签先后顺序, 顺序执行

注意: 本站所有的html代码, 均可直接复制, 然后粘贴到W3School 代码区, 点击提交代码在线执行.

例:

<!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>