javascript学习
为什么学习javascript?
为什么学习javascript? |
---|
1.做表单验证,可以减轻服务端的压力 |
2.实现动态效果,即:控制前端页面的显示。 |
Javascript的特点
Javascript的特点 |
---|
1.向HTML页面中添加交互行为 |
2.脚本语言,语法和Java类似 |
3.解释性语言,边执行边解释 |
JavaScript组成
1.DOM : Document Object Model 文档对象模型,用于操作HTML文档
2.BOM:Browser Object Model 浏览器对象模型,用于控制浏览器的状态或行为
Javascript与HTML文档的三种结合方式
- 行内方式:
- 在事件里调用javascript方法,href=”javascript:void();”
οnclick=”javascript:alert(‘a’);
- 内部方式:
- 在标记(script)中写javascript代码
外部方式:
- 使用标记(script src=”外部js文件”)导入js;在外部js文件中写javascript代码。
Javascipt的语法
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/53b91130c8b1cbeb14e302359e7d5dda.png)
Javascript常见类型
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/f3c5cbd23eda4094baf0767b60f65a20.png)
字符串string
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/d3ac1840bcfebfbe45417e5cb6e38c5d.png)
数组常用属性和方法
类别 | 名称 | 描述 |
---|
方法 | sort() | 对数组排序 |
方法 | push() | 向数组末尾添加一个或更多元素,并返回新的长度 |
函数
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/3b68071cae1e9927bf1177a76f9bf8c9.png)
isNaN() // is Not a Number
JS调试
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/63decc64ce3d6078dc3ed436118f8972.png)
alert()相当于java里的System.out.println();
事件
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/ca2c08571bf63641e12421e8d3ca1d74.png)
onload,主要用于body标记
onclick/onmouseover,可见元素都可以
onkeydown,主要用于文本框
onchange,主要用于文本框和下拉菜单
JS基础小结
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/7f5695678552cb899f22d460107e303a.png)