javaScript基础知识<一>
2016-02-16 10:35
537 查看
一,js的引入方式
a 代码直接嵌入(只能在本页面使用js)
<html>
<head>
<script type="text/javascript">
//js代码
</script>
</head>
</html>
b 将代码写出独立文件以.js结尾,需要引入然后使用
test.js
<html>
<head>
<script type="text/javascript" src="xfonline.js"></script>
<script type="text/javascript">
//js代码
</script>
</head>
</html>
注意:script标签可以有多个,如果引入外部js,不要在标签体中书写内容
二,js中的交互手段
1)提示信息
alert("hello");
2)对话框 信息录入
prompt("enter your name");
3)确认对话框 确认true 取消false
confirm("是否确认提交");
4)document.write("")向浏览器输出
<body>
<h1>Index.html</h1>
<script type="text/javascript">
document.write("<h3>输出内容到页面</h3>");
</script>
</body>
三,js属于弱数据类型语言
java : 强数据类型(什么数据类型,存入什么数据类型的变量里)
int i = 10; String s = "";
javascript:弱数据类型语言(没有明确的数据类型)
var v1 = "ss";
var v2 = 10;
v3 = 10; 隐士声明 全局变量
四,js变量的使用
a 变量的重复声明赋值,值以最后一次的值为准
var a = 10;
var a = 20;
b js中没有块作用域
java:if(true){int a = 10;}System.out.println(a);-->编译错误
js:if(true){var a = 10;}alert(a);
c 局部变量,只有定义在函数里的或者用var声明的是局部变量
d 不用var声明的变量(隐士声明),全局变量
五,简单数据类型
1)数字类型(不发整数和小数)
var a = 10;var b = 10.2;
2)boolean类型(js中有三种表示方式)
a true/false
b 1/0 1(非零)代表true 0代表false
c null/非空 null==>false 非空==>true
3)字符串类型(不区分字符和字符串)
var a = "aaa";
var a = 'aaa';
var a = new String("aaa");
六,特殊数据类型
1)undefined:未定义
a.只声明了变量,没有赋值,打印时出现undefined
b.函数没有返回值,却输出了函数的结果,会出现undefined
2)null:空
a.变量赋值null
b.函数返回值有,但是代码里没有体现,打印函数的返回值是null
3)NaN:非数
函数isNaN()是否是非数
5/2==>2
6.0/2==>3.0
"zhangsan"/2===>NaN
a 代码直接嵌入(只能在本页面使用js)
<html>
<head>
<script type="text/javascript">
//js代码
</script>
</head>
</html>
b 将代码写出独立文件以.js结尾,需要引入然后使用
test.js
<html>
<head>
<script type="text/javascript" src="xfonline.js"></script>
<script type="text/javascript">
//js代码
</script>
</head>
</html>
注意:script标签可以有多个,如果引入外部js,不要在标签体中书写内容
二,js中的交互手段
1)提示信息
alert("hello");
2)对话框 信息录入
prompt("enter your name");
3)确认对话框 确认true 取消false
confirm("是否确认提交");
4)document.write("")向浏览器输出
<body>
<h1>Index.html</h1>
<script type="text/javascript">
document.write("<h3>输出内容到页面</h3>");
</script>
</body>
三,js属于弱数据类型语言
java : 强数据类型(什么数据类型,存入什么数据类型的变量里)
int i = 10; String s = "";
javascript:弱数据类型语言(没有明确的数据类型)
var v1 = "ss";
var v2 = 10;
v3 = 10; 隐士声明 全局变量
四,js变量的使用
a 变量的重复声明赋值,值以最后一次的值为准
var a = 10;
var a = 20;
b js中没有块作用域
java:if(true){int a = 10;}System.out.println(a);-->编译错误
js:if(true){var a = 10;}alert(a);
c 局部变量,只有定义在函数里的或者用var声明的是局部变量
d 不用var声明的变量(隐士声明),全局变量
五,简单数据类型
1)数字类型(不发整数和小数)
var a = 10;var b = 10.2;
2)boolean类型(js中有三种表示方式)
a true/false
b 1/0 1(非零)代表true 0代表false
c null/非空 null==>false 非空==>true
3)字符串类型(不区分字符和字符串)
var a = "aaa";
var a = 'aaa';
var a = new String("aaa");
六,特殊数据类型
1)undefined:未定义
a.只声明了变量,没有赋值,打印时出现undefined
b.函数没有返回值,却输出了函数的结果,会出现undefined
2)null:空
a.变量赋值null
b.函数返回值有,但是代码里没有体现,打印函数的返回值是null
3)NaN:非数
函数isNaN()是否是非数
5/2==>2
6.0/2==>3.0
"zhangsan"/2===>NaN
相关文章推荐
- js定义类
- javascript eval和JSON之间的联系
- 原生JavaScript实现Ajax
- js 字符串
- javascript数据类型的判断
- javascript中的二维数组
- 好用便捷的js日期时间控件代码下载
- Hammer.js分析(二)——manager.js
- js动态添加trtd
- js 只能输入正浮点数和整数
- scrollReveal.js – 页面滚动显示动画JS
- JS产生随机数的几个用法!
- Json转换工具类JsonUtil
- 30行代码实现Javascript中的MVC
- JSF - Ajax
- 前端--关于客户端javascript
- js简单实现div宽度匀速增加/减小
- JSTL
- JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
- JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)