一、前置知识
1.1第一个JS程序
JavaScript 代码可以嵌入到 HTML 的 script 标签中。
1.2JS书写格式
1.2.1行内样式
直接嵌入到html元素内部
1.2.2内嵌格式
1.2.3外部格式
注意这种情况下,script标签中间不能写任何代码,必须空着,就算写了也不会执行
1.3注释
js程序也就是script标签中的注释和java中的注释一样
1.4消息打印
1.4.1控制台输出信息
console.log()
1.4.2弹出消息框
alert("要弹出的信息")
二、JS基础语法
2.1定义变量
在JS中使用关键字var来定义一个变量
JS中是有数据类型的区分的,因为JS是弱类型语言,所以
var可以代表所有的数据类型
2.2定义方法
使用function关键字来定义一个方法
function 方法名(参数){}
//参数可以没有
三、JS操作DOM
3.1得到控件
根据id得到控件
document.getElementById("元素id")
3.2操作控件
3.2.1获取元素值
document.getElementById("username").value
3.2.2设置元素的值
document.getElementById("username").value = "java";
四、jQuery
原生JS和jQuery比较:
引入jQuery: