zoukankan      html  css  js  c++  java
  • 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.onload=function(){};里面,确保HTML文件加载完成之后再执行Js里面的内容!!!

    介绍方法:

    Window.onload=function(){};

    页面加载完成!

    介绍两个对象:

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

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

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

  • 相关阅读:
    LabVIEW-水仙花数
    NRF51822自学笔记(一) 流水灯
    机器学习第四次作业
    4.K均值算法--应用
    机器学习第三次
    机器学习第二次专业
    算符优先分析
    自下而上语法分析
    递归下降语法分析
    LL(1)文法的判断,递归下降分析程序
  • 原文地址:https://www.cnblogs.com/postgredingdangniu/p/9216253.html
Copyright © 2011-2022 走看看