首页 > 代码库 > 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简介和变量