JS代码笔记

JS代码：

1、对DOM对象进行操作  修改 增加 删除

<div>   </di>

（1）增加//创建标签节点 div

//        var div5 = document.createElement("div");

//设置属性

//        div5.id = "div5";

//创建文本节点

//        var textNode = document.createTextNode("我是div5");

//        div5.appendChild(textNode);//1.增加子集节点

//插入到div3前面

//        var div3 = document.getElementById("div3");

  （2）修改（先移除再创建新的）

var div4=document.getElementById("div4");

div4.parentNode.removeNode(btn,div4);

  （3）删除

var div2=document.getElementById("div2");

if("div2"!=null)

{

div2.parentNode.removeChild(div2);

}

2、例子：获取浏览器版本和屏幕大小

Navigator.useragent

返回由客户机发送服务器的 user-agent 头部的值

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

获取浏览器版本及类型document.write（）写入body

"屏幕可用高度:" + screen.availHeight

 "屏幕可用宽度:" + screen.availWidth

3、var 创建变量

       数组可变无长度限制 JS是动态语言，数组长度可变，所以5可写可不写，元素类型可以不一样，元素的个数可以改变，没有越界一说（遍历数组，使用数组的length属性）intArr[4]="123dada"（会显示123）

       函数可以带返回值，也可以不带

4、打开新的小窗口（按钮触发函数打开新的窗口，新窗口中选择新得选项会改变父窗口中的value）

window.open("pinpai.html","_blank","height=300, width=300, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=yes");

window.opener.pinpai.value = pinpai;

5、下拉列表框

 

6、显示时间及停止时间

使用函数window.setInterval(changeTime,100);设置调用函数间隔

var currentTime = new Date().toLocaleTimeString();获取当前时间

msg.innerHTML = currentTime;写入msg（div）

window.clearInterval(myInterval);停止时间