JavaScript组成
ECMAScript,描述了该语言的语法和基本对象。
文档对象模型(DOM),描述处理网页内容的方法和接口。
JavaScript主要功能
1.嵌入动态文本于HTML页面。
2.对浏览器事件做出响应。
3.读写HTML元素。
4.在数据被提交到服务器之前验证数据。
5.检测访客的浏览器信息。 控制cookies,包括创建和修改等。
6.基于Node.js技术进行服务器端编程。
JavaScript出现的位置
行间
<input type="button" onclick="alert(1);" value="Click" />
内嵌
<script>
//这是js代码
</script>
外链js文件
<script src="写入JS的路径"></script>
工作当中运用最多的还是外链的方式,其实根据我们不同的需求,去做不同的处理,灵活运用js三种位置。
JS代码注释
//这是单行注释
/*这是多行注释*/
JS页面中的代码在一般情况下会按从上到下的顺序,从左往右的顺序执行
window.onload=function(){
} //页面加载完成,(也就是说所有代码执行过后,才运行window里的代码)
解决代码先后顺序的一个小技巧
变量
变量用于保存数据
使用var关键字
声明 声明并赋值
var 变量名; var 变量名=数据;
变量的命名规则
字母,数字,下划线,美元符($) 任意组合而成 不允许数字打头,不允许使用关键字
小驼峰命名(从第二个单词首字母大写) helloWorld
大驼峰命名(首字母大写) HelloWorld
变量的好处
1.可以复用代码
2.可以精简代码
<script>
document.getElementById().style.width="200px";
var Btn=document.getElementById();
</script>
函数
函数的定义
function 函数名(){
//这里面的代码,是要复用的代码,里面可以放多行代码
}
函数调用
函数名()
修改标签属性的方式
元素.属性名
元素[ ]
获取class内容
innerHTML 获取到的是一个标签对里的所有内容
字符串
数据类型的一种
用一对单引号 或者 双引号 包含的
字符串拼接+
当加号的任意一边有一个是字符串,那就是连接的意思
获取标签的方法
getElementsByTagName
通过html标签获取一组元素
getElementsByClassName
通过class名获取一组元素
getElementsById
通过id名获取一组元素
querySelector
通过css选择器获取一个元素
querySelectorAll
通过css选择器获取一组元素
for循环
嵌套