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

  • 相关阅读:
    Pixar 故事公式
    你想住在中国哪里
    tar.gz方式安装nacos设置使用systemct进行service方式的管理并设置开机自启动
    记一个nginx server_name配置多个时的坑
    linux软链接的创建、修改和删除
    阿里云SLB的健康检查配置
    (转载)bullet安装之——windows下的安装与VS开发
    [译] 找到ndarray中的重复行
    [译] 对dataframe数据按照某列值进行分组,分组后连接字符串
    [译] 如何将列表嵌套列表的情况转化成一维列表
  • 原文地址:https://www.cnblogs.com/postgredingdangniu/p/9216253.html
Copyright © 2011-2022 走看看