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);停止时间