• 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(){};

  • 相关阅读:
    【学习总结】 小白CS成长之路
    Java程序员面试题收集(1)
    ECSTORE2.0 去页面底部版权
    vue-cli安装
    linux下安装nodejs
    Access denied for user 'root'@'localhost' (using password: YES)的解决
    想说的话
    十三:CSS之CSS的四种使用方法和优先级
    十二:CSS之基础语法
    十一:HTML之实现基本网页结构
  • 原文地址:https://www.cnblogs.com/postgredingdangniu/p/9216253.html
Copyright © 2020-2023  润新知