6.2.1 js javascript 介绍

一、javascript主要内容:

1. ECMAScript : js核心的语法

2. 浏览器对象模型BOM : 基于浏览器的

3. 文档对象模型DOM : 整个标签的所有对象

 

二、为什么要学javascript

1. 表单验证

2. 制作页面特效

3. 动态改变页面内容

 

三、核心语法:

1. 语法约定

2. 变量

3. 注释

4. 控制语句

5. 数据类型

6. 运算符号

7. 数组

 

四、html引入js:

1. 外部式

<!--外链式:一般使用外链式-->
<script src="./1.js"></script>
</head>

2. 内部式

     </body>        <!--内部式建议:-->

            <!--引入的时候要在body之后,我们要等待所有的dom元素加载完成之后再去执行相应的js操作-->
<script type="text/javascript">
function clickhandler() {
alert(1);
}
</script>
</html>
3. 行内式
<p id="p1" onclick="clickhandler()">123</p外部式元素内写代码块不会生效
五、注释
单行注释: //
多行注释: /**/

六、javascript的输出方式
1. document.write("") 向文档内输入内容 不会覆盖原文档的内容
2. console 控制台输出的 工具
F12 -> Console
> document
> windows
> alert(4)
> windows.alert(123) # window的对象 windows可省略
> console.log('123')
3. console.error 向控制台抛出一个错误
  <script type="text/javascript">
    console.log('123')
    console.error('xxxx')
  </script>
4. console.dir() 输出一个对象有全部属性
5. console.clear()清除
  每个能独立完成一个功能的功能以分号结束 这就是一个代码块
6. alert()弹出一个带有一条指定信息的消息(警告)
7. innerHTML/innerText 获取或向指定元素内添加内容
8. innerHTML获取元素内所有的内容(包括元素),还可以解析内容的样式
9. innerText获取元素内的文本内容
10. prompt('请输入你的内容')
  var a=prompt('请输入你的内容') 像python中的input

七、js的变量
js 中代码的执行顺序是自上而下
1. 先声明再定义
var a; 声明创建,此时这个变量中什么都没有, undefined
alert(a) // undefined 未定义
a=123;
alert(a) //123
2. 声明时立刻定义
var a=1234
alert(a)

变量名的规范: 严格区分大小写。 字母,数字,下划线,$. 但数字不能开头,也不能关键字。
建议使用驼峰标示来对变量进行命名

八、数据类型
1. 基本数据类型:数字number, 字符串String, 布尔boolean, null, undefined
2. 引用数据类型:包括对象数据类型和函数数据类型
  2.1. 对象数据类型:数组array,对象object,正则REGEXP
  2.2. 函数数据类型:function
var a=123
console.log(typeof(a), typeof a) //查看变量是什么类型
var c1=null //空对象
typeof c1 // object
var abc; 
typeof abc // undefined

var e=5/0
console(d) // Infinity无限大。
console(typeof e) //number类型

九、运算符
算数运算符 % 求余
赋值运算符
比较运算符 > < >= <= == ===
逻辑运算符 && ||
复合运算符
var c=7, d=8;
var c1=d++
console(c1) // 8
console(d) // 9
var c2=++d
console(c2) // 10
console(d)  // 10
d++ 先赋值后++
++d 先++再赋值

//隐匿转换==比较的是值的大小。 ===是类型和值都进行比较
console.log("5"==5)

十、 字符串运算
字符串拼接 +: "" + ""
字符串+字符串 拼接
"1"*"2" = 2 浏览器除了+号外,会对字符串隐式转换类型为数字。

1+'2' 隐式类型转换成 number
强制类型转换:

to_string()
或:String(3)

字符串转成数值
Number('2') 或 to_number('4')

parseInt()可以解析一个字符串并且返回一个整数
parseInt()
parseFloat()

我们js中所有的数据类型都被归为boolean
var b1='123' // true
var b2=0 // false
var b3=-123 // true
var b4=Infinity; // true
var b5=NaN // false
var b6; // false
var b7=null; // false

console.log(Boolean(b6))












posted @ 2018-07-16 22:31  beallaliu  阅读(118)  评论(0编辑  收藏  举报