首页 > 代码库 > js技术1-js简介和变量
js技术1-js简介和变量
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript简介</title>
<!--
作者：zgn921230@163.com
时间：2017-03-28
描述：使用JS的三种方式：
1.html标签中内嵌js
<button onclick="javascript:alert(‘你真点我啊‘)">click me</button>
2.HTML5页面中直接使用JS：
<script type="text/javascript">
JS代码
</script>
3.引用外部JS文件：
<script language="javascript" src="http://www.mamicode.com/js文件路径"></script>
<button onclick="javascript:alert(‘你真点我啊‘)">click me</button>
注意：1.页面中JS与引用JS代码可以嵌入到HTML页面的任何位置，但是位置不同会影响到JS代码的执行顺序：
例如：<script>在body前面，会在页面加载之前执行JS代码；
2.页面中JS代码。使用type="text/javascript"
引用外部JS文件，使用language="javascript"
3.引用外部js文件的<script></script>标签必须成对出现，且标签内不许有任何代码
-->
<script type="text/javascript">
//js中的注释
//单行注释
/*
* 段落注释
*/
/*JS中的标变量
* 1.js中变量的写法：
* var width=10;
* width=11;
* 使用var声明的变量只在当前函数作用域有效
* 不使用var，直接赋值生成的变量默认为全局变量，整个JS文件有效
* 注意：
* 1.js中所有变量类型声明均使用var关键字。变量的具体数据类型取决于给变量赋值的类型。
* 2.变量同一变量可以在多次不同赋值时修改变量的赋值类型。
* 例如：var width=11
* width="hha"
* width被改为字符串类型
* var a,b,c=11;
* 同一语句同时声明多个变量，变量之间用英文逗号分隔。但，赋值需要单独赋，例如上式中，只有C赋值为1，ab为undefined。
* 3.变量可以使用var声明，也可以省略var。
* 4.同一变量名可以多次用var声明。但没有任何意义。第二次之后的声明，只会被理解为赋值。
*
* 2.js变量的命名规范
* 变量名，只能用字母、数字、下划线组成
* 开头不能是数字
* 变量区分大小写，大写字母和小写字母为不同变量
*
* 3.变量名命名要遵循驼峰法则：
* 变量开头为小写，之后每个单词首字母大写
*
* 4.js中的变量的数据类型
* Undefined：未定义，用var声明的变量，没有进行初始化赋值；
* Null：代表空的引用；
* Boolean：真假，可选值有ture、false；
* Number：数值类型。可以是小数，也可以是正数；
* String：字符串类型。用""或‘‘包裹的内容，成为字符串；
* Object（复杂数据类型）：函数、数组等
*
* 5.常用的数值函数
* isNaN：用于判断一个变量或常量是否为NaN（非数值）
* 使用isNaN判断时会尝试使用Number（）函数进行转换，如果能转换成数字，则不是非数值，结果为false
* 特殊："111"纯数字字符串，结果为false
* ""空字符串，结果为false
* "1a"包含非数字字符，结果为ture
* ture/false布尔字符，结果为false
* Number：将其他类型转化为数值类型
* 【字符串类型转数值】
* 1.字符串为纯数字字符串，会转为对应数字,如："111"->111
* 2.字符串为空字符串，会转为0：""->0
* 3.字符串包括其他非数字字符时，不能转换"111a"->NaN
* 【布尔Boolean类型转数值】
* ture->1 false->0
* 【null/Undefined转数值】
* null->0 Undefined->NaN
* 【object类型转数值】
* 先调用Valueof函数，确定函数是否有返回值，再根据上述情况判断。
* 【parseInt将字符串转为数值类型】:空字符串,不能转,结果为NaN 纯数值字符串可以转,但是会把小数点后面的抹掉.
* 包含其他字符的字符串。会截取第一个非数值字符前的数值部分，如："123a456"->123 "a123b456"->NaN
* parseInt只能转String类型，Boolean/null/Undefined 均为NaN
* 【parseFloat将字符串转化为数值】
* 使用方式如parseInt，但转化小数字符串时，保留小数部分。
* 【typeof用来检测变量数据类型】
* 未定义->Undefined 字符串->string TURE/FALSE->Boolean 数值->Number 对象/null->object 函数->function
*/
/*JS中的输入和输出语句
*弹窗输出alert
*弹窗输入 prompt("请输入您的名字：","姜浩");
* 两部分参数：输入框上面的提示信息，可选
* 输入框里面的默认信息，可选
* 两部分之间用逗号分隔，只写一部分时，默认为提示信息；
* 默认接受输入的内容，为字符串string模式；
*/
var width=10;
alert(width);
document.write("<h1>haha</h1>");
var name=prompt("请输入您的名字：","姜浩");
document.write("您的名字是："+name);
</script>
</head>
<body>
<button onclick="javascript:alert(‘你真点我啊‘)">click me</button>
</body>
</html>
js技术1-js简介和变量