JavaScript基础语法
一基础
1、常量和变量
声明变量的语法结构：
var 变量名 = 初始值；变量名（标识符）：由字母、数字、下划线、$符号组成，不能以数字开头，不能是系统的关键字，常量名字母大写。
注意：JavaScript大小写敏感。
2、注释
注释：// 和/**/
3、数据类型
基本类型：string、number、boolean
特殊类型：null、undefined
复杂类型：Date、Math、Array、Object
4、数字的操作
//展示了一个input元素，类型为text，并包含一个初始值
//展示了一个input元素，类型为button且绑定了一个事件处理器‘onclike’，当按钮被点击时，会调用一个名为method2的函数并传递参数1
//按钮的文本显示为排序(按字母排序)
5、随机数1-40
6、数据类转换：隐式转换--转换函数 显示转换：parseInt\parseFloat\toString\isNaN(是否是数字)
//converData():对用户输入的某种数据进行某种转换并显示结果
//getSquare():计算该函数的平方并显示结果
7、运算符
==相等 ===严格相等(包括类型)
三元运算符 表达式？ value1:value2
//当输入框失去焦点时，会调用guess函数(根据用户输入的数字进行验证，并提供相应的反馈)8、流程控制语句：条件(if/else---switch/case) 循环for while
用户名（3-5为字母和数字的组合）
//tryArguments(10,10)：根据传入的参数执行某些逻辑，并通过
//testFunction():根据用户输入执行一些基本的测试逻辑，并将结果显示在页面上二、BOM对象
1、删除提示框
function deleteData(){
var r = window.confirm("你是否真的要删除")
alert(r)
}
//通过window。confirm弹出一个对话框，询问用户是否要真的删除某项数据，根据用户的响应(点击确定或是取消)，返回一个布尔值表示用户的决定。2、打开窗口
function openWin() {
window.open("http://www.baidu.com","baidu","width=200,height=300,toolbar=yes")
}
//使用window.open方法打开了新的浏览器窗口，导航到指定的url，窗口大小为200*300，并显示工具栏3、显示时间
function showTime()
var now = new Date()//获取当前日期和时间
document.getElementById("txtTime").value = now.toLocaleTimeString()//显示当前时间
}4、启动时间
var timer;
function startTime() {
timer = window.setInterval("showTime()",1000)//starTime函数使用serInterval方法每秒调用一次showTime函数
}//shoeTime函数获取当前时间并将其显示在输入框中5、停止时间
function stopTime() {
window.clearInterval(timer)
}
//window.clearInterval：用于清除定时器的方法，接受一个定时器ID(由window.setInterval方法返回)作为参数，清除定时器后，定时器将停止执行，不在触发回调函数6、定时操作
function wait() {
window.setTimeout("alert('hello')",3000)
}
3秒后执行代码并输出hello三、DOM对象操作
1、页面中有多少个input元素
var n = document.getElementsByTagName("input").length
//获取当前文档中所有input元素，并将结果存储在变量n中
//.length:HTMLcollection对象的属性，表示集合中元素的数量2、修改图形
var imgObj = document.getElementById("img1")
imgObj.src = "2.png"
//把img中src的图片片地址换成2.png的图片地址3、修改连接
var linkObj = document.getElementById("link1")
linkObj.innerHTML = "AAAAA"
linkObj.href = "http://www.baidu.com"
//innerHTML设置或获取元素的html内容，这行代码将元素的文本内容设置为“AAAAA”
href：指定链接的目标URL
4、修改段落
var pObj = document.getElementById("p1")
pObj.innerHTML = "后天也休息"
pObj.style.color = "red"
pObj.style.backgroundColor = "green"
pObj.style.fontSize = "30px"
//fontSize：设置文字大小5、修改标题样式
var h3Obj = document.getElementById("h31")
h3Obj.className = "mystyle"
//className：设置或者获取元素的class属性6、列表个数
var ulObj = document.getElementById("ul1")
var count = 0
for(var i=0;i元素
count++//如果是元素，则计数器count增加
}
}
alert(count)