JS用法，
大小写敏感
弱类型语言（声明变量都用var）
1.JS中函数没有访问修饰符，没有返回值类型。方法如果没有返回值就是undefined
2.JavaScript中的null与undefined(参考资料)
3.undefined,表示一个未知状态
4.声明了但是没有初始化的该变量，变量的值是一个未知状态(undefined)。 （访问不存在的属性或对象window.xxx）
5.方法没有明确返回值时，返回值是一个undefined.
6.当对未声明的变量应用typeof运算符时，显示为undefined（*）
7.null表示尚未存在的对象,null是一个有特殊意义的值。可以为变量赋值为null，此时变量的值为“已知状态”(不是undefined)，即null。（用来初始化变量，清除变量内容，释放内存）
8.undefined==null //结果为true,但含义不同。
9.undefined===null //false(*),先判断类型是否一致，然后判断值。
10.===严格等于、!==严格不等于
11.JS中没有方法重载，当页面中有两个重名的方法时，不管是否重载（JS中没有重载），只取后面一个方法的值（只取已经加载了的方法的值），alert有类似于阻塞的一种效果，当出现alert中有所取的方法的值的时候，alert只会调用已经加载了的方法。
12.全局变量会占内存的，一般较少使用全局变量。
13.在使用JavaScript代码时，使用这种方法<a href="javascript:function(.......);">超链接</a>
可以使页面不发生变化，只是执行js的事件
14.JavaScript数据类型：共六种：Boolean（布尔）、Number（数字）、String（字符串）、Undefined（未定义）、Null（空对象）、Object（对象类型），除了Object是引用类型以外，其他都是基本数据类型
Undefined类型、Null类型都是只有一个值的数据类型，分别为undefined与null.
15.二元运算符表示比较，>=大于等于，==比较是否相等。
16.三元运算符===表示既要比较数值也要比较类型Undefined==null是true。switch判断时，是“全等于”，===
17.
18.JS中没有块级作用域，在一个函数中定义的变量，在函数外也可以访问到。
19.如果在某个函数内定义了变量则作用域范围属于该函数。注意声明变量时使用var与不使用var的区别。
20.在函数内部，如果定义一个变量的时候没有用var 修饰定义，它也是一个全局变量。
21.匿名函数没有重载的说法，就是直接得出应该的结果（看成是两个函数）。
22.闭包既是在一个方法中再定义一个方法。内部的那个函数既被叫做闭包。通过闭包使得能够访问函数的内部变量的值。闭包比较耗内存，尽量少用。
23.JS中函数就是对象（类），对象（类）就是函数。var p=new Person();// “var p” 不是 “Person p”。p.Name=‘张三’;//动态语言，所以可以直接写。p.Age=30;p.SayHello=function() { alert(‘Hi~’); }alert(p.Name);alert(p[‘Age’]);//另外一种动态访问属性的方式。类的首字母大写。方法名小写
24.‘’，0，undefined，null的bool值都是false；
25.在JS中数组可以直接显示，通常情况下我们用遍历显示 。JS中即使之前定义了数组的长度，但是如果需要的话，他会自动的增加数组的长度。var arr=[ {"name":"steve","age":18}, {"name":"steve","age":18} 键值对，前面的name是属性，后面的steve是值。
26.Window（顶级对象）是指整个页面的所有。Document指的是body（网页）的内容，document.body.onclick范围仅限于body，document.onclick范围为整个文档。
window.setInterval(code,delay)//每隔一段时间执行指定的代码： window.setInterval(function () {
alert("nigao")
},2000)
clearIntervar:停止计时器。
27.剪贴板的设置可见视频。
28.Windows.onload页面加载时（需要操作页面元素的时候就使用此方法），Windows.onbeforeunload页面卸载时触发。Window.onload=function(){var inputsObj=document.getElymentByNam(‘name’)
For(var i=0;i<inputsObj.length;i++)
{
inputsObj(i)=’24k纯帅’; }
}
25. window.onload = function () {
document.getElementById('btn1') .onclick= function () {
var dvobj = document.createElement('div')
dvobj.style.width = '300px';
dvobj.style.height = '100px';
dvobj.style.border = '1px solid red';
var inps = document.createElement('input');
inps.type = 'button'
inps.value='lallalal'
document.body.appendChild(dvobj);
dvobj.appendChild(inps);
};
};
动态创建元素：createElyment（）（创建节点）；
Appendchild（）(创建一个子节点)
Romovechild()(删除节点)
Document.write();
Getelymentbyid();getelymentbyname();
Getelymentbuytagname(标签名)
26.innerText网页的文本内容，innerHTML网页的所有内容（连同网页效果代码）//innerText只能设置纯文本，即便写了html代码，也会对html代码进行编码，
//innerHTML可以设置html代码和纯文本。；
|
window.onload = function () { |
|
|
var dic = { "百度": "http://www.baidu.com", "传智播客": "http://www.itcast.cn", "谷歌": "http://www.google.com" }; |
|
|
document.getElementById('btn').onclick = function () { |
|
|
//创建表 |
|
|
var tbObj = document.createElement('table'); |
|
|
tbObj.border = '1'; |
|
|
//创建行 |
|
|
for (var key in dic) { |
|
|
//创建行 |
|
|
var trObj = document.createElement('tr'); |
|
|
//创建单元格 |
|
|
var td1Obj = document.createElement('td'); |
|
|
td1Obj.textContent = key; |
|
|
var td2Obj = document.createElement('td'); |
|
|
td2Obj.innerHTML = '<a href="' + dic[key] + '">' + key + '</a>'; |
|
|
trObj.appendChild(td1Obj); //第一个单元格添加到行中 |
|
|
trObj.appendChild(td2Obj); //第二个单元格添加到行中 |
|
|
tbObj.appendChild(trObj); //行添加到表中 |
|
|
} |
|
|
document.body.appendChild(tbObj); |
|
|
}; |
|
|
}; |
|
无刷新评论：<script type="text/javascript">
window.onload = function () {
document.getElementById('btn1').onclick = function () {
//获取昵称
var userName = document.getElementById('txt').value;
//获取内容
var txtcon = document.getElementById('textContent').value;
//创建行
var trObj = document.createElement('tr');
//创建单元格
var tdObj1 = document.createElement('td');
tdObj1.innerText = userName;
var tdObj2 = document.createElement('td');
tdObj2.innerText = txtcon;
//添加到表中
trObj.appendChild(tdObj1);
trObj.appendChild(tdObj2);
document.getElementById('tb').appendChild(trObj);
};
};
</script>
寻找元素的坐标：
window.onload = function () {
var aObj = document.getElementById('al');
aObj.onmouseover = function () {
var dvObj = document.createElement('div');
dvObj.style.width = '300px';
dvObj.style.height = '200px';
dvObj.style.border = '1px solid red';
dvObj.style.position = 'absolute';
dvObj.style.left = this.offsetLeft + 'px';
dvObj.style.top = this.offsetTop + this.offsetHeight+'px';
document.body.appendChild(dvObj);
};
};