上篇文章介绍了有关JavaScript 概述、基础语法,详见可参考博文: ,本来是写一篇博文的,然而感觉篇幅太长不方便查阅,所以另起一篇,这篇将写一些例子来演示。
我们先来看看一个例子,如下代码:js01_(html弹出窗口).html
字符串可用双引号( “” )或单引号( ' ' ) ; 这里用双引号起冲突, 在Hello前面就认为结束了用谷歌浏览器打开运行,效果如下:
运行以后会出现一个按钮,点击按钮以后会出现如上图片效果
我们先来看看一个例子,如下代码:js02_(script代码块_自动弹窗口).html
// 这里没写js方法, 自动弹出用谷歌浏览器打开运行,效果如下:
我们先来看看一个例子,如下代码:js03_(添加调用script代码块的方法).html
用谷歌浏览器打开运行,效果如下:
运行以后会出现一个按钮,点击按钮以后会出现如上图片效果
我们先来看看一个例子,如下代码:js04_(调用封装在js文件中的方法).html
用谷歌浏览器打开运行,效果如下:
我们先来看看一个例子,如下代码:js05_(js中的特殊字符).html
用谷歌浏览器打开运行,效果如下:
代码写了2个alert弹出框,点击确定会再次弹出,如下:
我们先来看看一个例子,如下代码:js06_(测试js中的类型转换).html
用谷歌浏览器打开运行,依次会弹出:a10、atrue、11、1 的弹出框,这里就不截图了
我们先来看看一个例子,如下代码:js07_(js输入数据计算平方).html
//计算录入数值的平方
//判断是否为一个数值
//类型转换,将字符串转换为浮点数
用谷歌浏览器打开运行,效果如下:
我们先来看看一个例子,如下代码: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 开发工具,鼠标停留在方法名上,可以看到它的方法说明,如下: