我的HTML学习记录（六）
js中的【DOM】（文档对象模型）
【DOM数节点】
* DOM节点分为三大类：元素节点、文本节点、属性节点
*
* 文本节点，属性节点，为元素节点的两个子节点
*
* 通过getElement系列方法，可以取到元素节点
*/
【查看节点】
* 1.getElementById：通过ID获取唯一节点；多个同名ID只会取第一个;
* 2.getElementByNmae：通过Name获取到一个数组，包含1到多个节点；
* 使用方式：通过循环，取到每一个节点，循环次数：从0开始，<数组.length
*
【查看和设置属性按钮】
* 1.查看属性节点：getAttribute("属性名")；
* 2.设置属性节点：setAttribute("属性名","属性值");
*
【js修改样式总结】
* 1、.className:为元素设置一个新的class名字
* div1.className="class1";
* 2、.style：为元素设置一个新的样式，注意驼峰命名法；
* div1.style.backgroundColor="red";
*
* 3、.style.cssTest:为元素同时修改多个样式
* div1.style.cssText="width:100px;height:100px;";
*
*
【查看节点】
* 1、tagName属性：获取节点标签名；
* 2、innerHTML：设置或者获取节点内部的 所有HTML代码；
* 3、innerText：设置或者获取节点内部的所有文字；
*
*/
window.onload=function(){
var div=document.getElementById("div1");
console.log(div1);
}
function getById(){
//取到元素节点的样式属性节点
var divStyle=document.getElementById("div1").style;
divStyle.backgroundColor="blue";//所有节点属性，一律驼峰命名法
//取到元素节点
var divById=document.getElementById("div1");
console.log(divById.innerHTML);//取到div中所有内容
divById.innerHTML="变字了"//重置修改div中的HTML代码
}
screen对象
location对象
完整的url路径：
协议：//主机名(IP地址)：端口号/文件路径？传递参数（参数名=参数值&）#锚点
history
* 1、length：浏览历史列表的个数
* 2、history.forward(); 前进到前一个页面
* 3、history.back(); 后退到后一个页面
* 4、history.go(-1); 跳转到浏览历史列表的任意位置
* 位置标志： 当前页为第0个，前一个页面第1个，后一个页面-1个
/* navigator.plugins。返回一个数组，检测浏览器安装的所有插件
>>>主要的属性：
description:插件的描述信息
filename:插件在本地磁盘的文件名
length:插件的个数
name：插件名
*/
console.log(navigator.plugins);//检查浏览器安装的插件信息
/*navigator.mimeTypes 浏览器插件，所支持的文件类型
>>>主要属性
description：MIME类型描述
enabledPlugin：支持此类型的浏览器插件
suffixes：此类型可能的后缀名
type：MIME类型的写法，例如： image/x-icon text/css
*/
console.log(navigator.mimeTypes);//检查浏览器安装的插件支持的文件类型
【重点】 window对象的常用方法
* >>> window对象中的所有方法，均可以省略前面的window. ,比如close();
*
* 1、prompt：弹窗接收用户输入；
* 2、alert:弹窗警告；
* 3、confirm：带有确认/取消 按钮的提示框；
* 4、close:关闭当前浏览器选项卡
* 5、open：重新打开一个窗口，传入参数：URL/窗口名称/窗口特征
* 6、setTimeout：设置延时执行，只会执行一次；
* 7、setInterval：设置定时器，循环每个N毫秒执行一次；
* 两个参数：需要执行的function / 毫秒数
*
* 8、clearTimeout：清除延时
* 9、clearInterval：清除定时器
* 传入参数：调用setInterval时返回一个ID，通过变量接受ID,传入clearInterval
*/ *
