---

上篇文章介绍了有关JavaScript 概述、基础语法，详见可参考博文： ，本来是写一篇博文的，然而感觉篇幅太长不方便查阅，所以另起一篇，这篇将写一些例子来演示。

1、html页面弹出窗口

我们先来看看一个例子，如下代码：js01_(html弹出窗口).html

字符串可用双引号( “” )或单引号( ' ' ) ; 这里用双引号起冲突, 在Hello前面就认为结束了

用谷歌浏览器打开运行，效果如下：

运行以后会出现一个按钮，点击按钮以后会出现如上图片效果

2、使用script代码块_自动弹窗口

我们先来看看一个例子，如下代码：js02_(script代码块_自动弹窗口).html

// 这里没写js方法, 自动弹出

用谷歌浏览器打开运行，效果如下：

3、添加调用script代码块的方法

我们先来看看一个例子，如下代码：js03_(添加调用script代码块的方法).html

用谷歌浏览器打开运行，效果如下：

运行以后会出现一个按钮，点击按钮以后会出现如上图片效果

4、调用封装在js文件中的方法

我们先来看看一个例子，如下代码：js04_(调用封装在js文件中的方法).html

用谷歌浏览器打开运行，效果如下：

5、测试js中的特殊字符

我们先来看看一个例子，如下代码：js05_(js中的特殊字符).html

用谷歌浏览器打开运行，效果如下：

代码写了2个alert弹出框，点击确定会再次弹出，如下：

6、测试js中的类型转换

我们先来看看一个例子，如下代码：js06_(测试js中的类型转换).html

用谷歌浏览器打开运行，依次会弹出：a10、atrue、11、1 的弹出框，这里就不截图了

7、js输入数据计算平方

我们先来看看一个例子，如下代码：js07_(js输入数据计算平方).html

//计算录入数值的平方
 //判断是否为一个数值
 //类型转换，将字符串转换为浮点数

用谷歌浏览器打开运行，效果如下：

（1）实例代码—三目运算符、onblur方法

我们先来看看一个例子，如下代码：js08_(js猜数游戏).html

猜数游戏： 1、内置好结果 2、录入完毕 3、大了或者小了

 //n和result比较，弹出小了、大了或相等

用谷歌浏览器打开运行，效果如下：

我们先来看看一个例子，如下代码：js09_(js中的==和＝＝＝, if条件语句 ).html

（2）严格相等： a === b：比较值以及类型相同 -->

用谷歌浏览器打开运行，依次弹出的是： equal、sss，这里就不截图了！

因为双等号比较的是值，三个等号比较的是值和类型

4、刚刚写的 js 方法，其实可以放到一个 js 文件（ jsCode4_all.js ）里面，如下：

//计算录入数值的平方
 //判断是否为一个数值
 //类型转换，将字符串转换为浮点数
 //n和result比较，弹出小了、大了或相等

5、用 VSCode 开发工具，鼠标停留在方法名上，可以看到它的方法说明，如下：