2018-06-20Dom操作元素+2个练习题

复习Html+CSS+JavaScript

 

网页做个大致很简单，做细致很难！

 

变量里面放的什么东西，一定要搞清楚！

 

Dom操作：

找到元素

操作元素

 

只要是变量名一模一样的，就挤掉之前的变量名，用最新的一个！

 

This类似于找标签！this直接把标签传过来了！

 

操作元素事件：

node.onclick = function(evt){evt就是事件对象}

 

一个方法就是一个功能！

 

创建删除元素：

Obj.remove();

Obj.removeattribute(“id”); //删除属性！

 

var div = Document.createElement(‘div’); //创建一个Div

 

trDom.appendchild(tdDom);

window.onload = function(){

var htype=document.getElementsByTagName("h1"); //运用tagname找到h1标签！

var ceshi= htype[0]; //定义一个变量存放h1标签的第一个值，因为tagname得到一个数组，所以要用另外的变量来存储数组的元素值以便输出！

console.log(ceshi.innerHTML); //如果不放在window.onload里面，会出现Js文件加载并执行完时，页面还没加载到h1标签（因为Js外部文件时嵌入到HTML中head标签内，所以Js执行完成时，下面Body里面还没加载到，就会出现Undefined的错误，故而放在window.onload里面）！

}

 

JavaScript一定要注意外部引用的加载问题！

setTimeout(function openewin(){ //setTimeout内部加了一个方法openewin，在HTML页面调用这个方法！

         window.open("CeShiPeiHe.html","_blank"); //打开CeShiPeiHe.html这个新窗口，_blank打开新窗口，_self替换当前页面！

},3000); //定时3000毫秒，即3秒！

 

Js的外部引用文件，所有的内容都可以写在window.οnlοad=function(){};里面，确保HTML文件加载完成之后再执行Js里面的内容！！！

 

介绍方法：

Window.οnlοad=function(){};

页面加载完成！

 

介绍两个对象：

Math：数学类math.random()可以弄随机点名！name是个关键字！

Date：时间日期类new date();

 

方法名可以放在window.οnlοad=function(){};

转载于:https://www.cnblogs.com/postgredingdangniu/p/9216253.html