js
基础
<script src="myScript.js"></script> // 引入js文件<script></script> // 在当前页面使用的jsconsole.log(var) // 在控制台输出变量, 比alert()好用// 数据结构var name="Gates", age=56, job="CEO"; //声明多个变量, 空值为 undefined, var声明的是局部变量name = null; // 将name变量的值设为 undefined, 对有值的变量重新申明不会将变量的值改为 undefined//数组var cars=new Array("Audi","BMW","Volvo");var cars=new ["Audi","BMW","Volvo"];cars[0]; // 使用//对象var person={firstname:"Bill", lastname:"Gates", id:5566};name=person.lastname; //使用name=person["lastname"];注意: js 中所有数据都是对象, 如是一个字符串, 就是一个字符串对象, str.length 就是字符串的长度属性//Date 对象var data = new Date();//Math 对象//RegExp 对象//函数注意: js中, 函数也是变量function myFunction(a,b){ //使用function声明 return a*b; // 可带返回值}//循环结构if(){}else if(){}else{} // if j结构whilefor(x in var) // 遍历数组(下标) / 对象(属性)使用 break 跳出当前循环//错误处理try{ throw }catch(err){}//验证function validate_required(field,alerttxt){ //field 为需要验证的对象 with (field){ // with() 直接使用对象中的属性和方法, 不用使用 obj.name的方式 if (value==null||value==""){ alert(alerttxt);return false }else {return true} }}// 操作 HTML 元素(DOM)var x=document.getElementById("main"); //通过id查找var y=x.getElementsByTagName("p"); //通过标签查找x.innerHTML="Hello JavaScript"; //改变html元素//改变html属性x.style.color="#ff0000"; //css样式也是html属性的一种的element.src="/i/eg_bulboff.gif";document.write("<h1>This is a heading</h1>"); //写入到html, 注意在页面加载后使用会重写整个页面<button type="button" onclick="alert('Welcome!')">点击这里</button> // 对事件作出反应eval(): 处理json数据
插入js: html中支持直接在 script 标签中插入js; 文档是依次执行的, 所以 script 标签放在哪, 就在文档加载到这里的时候执行
<script src="script.js"></script> // 引入js文件<script></script> // js代码// 常用互动方式document.write(str); // 输出alert(str); // 弹窗var bool = confirm(str); // 可以通过返回值写 if 语句var str = prompt(str1, [str2]); // str可以取str2的值或者为 nullwindow.open([URL], [窗口名称], [参数字符串]) // 打开新窗口// dom 操作document.getElementById('con') // 获取元素xxx.innerHTML // 获取元素的值或者改变原始的值xxx.className // 获取元素的类名或者改变元素的类名xxx.style.xxx // 改变元素的样式// 事件<input name="确定" type="button" value="确定" onclick="message()"/> // 事件写在标签中// 对象// 对象 = 属性 + 方法; 一切皆对象, 包括数组和字符串Date(); Array();