刚学了js操作html的基本方法,在写代码过程中,有很多格式不规范,忘记加双引号尤其重要,通常这

样的错误很容易范,并且这种错误很难找。
随着代码学习量越来越多,很多写法容易搞混。今天记录一下,以便后期查看使用

1.js事件
    例如最基本的,onbluer  获得焦点,onchenge  修改文本,onclick  鼠标点击事等等。
这类代码写到标签中,<div onclick="函数名"></div>,这里注意的是函数名的双引号。

2.dom的window操作
    window.open(url,name,spers,replace);注意此处的四个人属性值都加双引号用逗号隔开。
    url:打开的链接的地址。
        name:打开方式有四种,默认为_blank  打开新窗口
        _parent 打开到付及框架
        _sele 代替自身的页面
        _top 直接打开到顶级父级页面
    spers:多用于调整高度

以下的window操作写法可以将window换成对应的对象名:
    window.close(); 关闭窗口
    window.moveto(x,y); 调整打开窗口的位置
    window.resize(x,y); 高宽    单位是像素

3.延迟与间隔
    间隔 setInterval("函数名",间隔时间) 函数名需要添加双引号!!    时间是毫秒!
    setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由

setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
    clearInterval(间隔的变量名);
间隔多用于没有用户操作的情况下

延迟
    setTimeout("函数名",间隔时间)  双引号注意!!
     方法用于在指定的毫秒数后调用函数或计算表达式。

4.操作html
    查找元素:
        根据id获取元素
        document.getElementById("id");
        根据class获取元素
        document.getElementsByClassName("class");
        根据标签名获取元素
        document.getElementsByTagName("div");
        根据name获取元素
        document.getElementsByName("name");
        注意添加引号!!

5.改变html内容    
    对象名.innerHTML;用于添加文本或者代码
    添加文本  .innertext;
    
6.操作属性                 此处注意添加双引号!!
    1.设置一个属性,添加或更改
    获取的对象.setAttribute("属性名","属性值")
    2.获取属性的值
    获取的对象.getAttribute("属性名");
    3.移除一个属性
    获取的对象.removeAttribute("属性名");
7.操作样式
    1.操作样式     
    获取的        对象.style.样式="" ;    样式中间的横杠去掉  且需要大写    例如
backgroundColor   

2.获取样式
    Var a = 获取的对象.style.样式
    
8.操作表单元素
    对象名.value;

js操作html的基本方法的更多相关文章

  1. JS操作字符串常用的方法

    JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...) ...

  2. JS操作数组常用的方法

    JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...

  3. JQuery和JS操作LocalStorage/SessionStorage的方法(转)

    出处:http://blog.csdn.net/djzhao627/article/details/50747628 首先说一下LocalStorage和SessionStorage LocalSto ...

  4. JQuery和JS操作LocalStorage/SessionStorage的方法

    LocalStorage 是对Cookie的优化 没有时间限制的数据存储 在隐私模式下不可读取 大小限制在500万字符左右,各个浏览器不一致 在所有同源窗口中都是共享的 本质是在读写文件,数据多的话会 ...

  5. js操作Dom的一些方法简化

    众所周知JQ的选择符很强大,一些看起来很难实现的功能只要在$符号中传入简单的字符串就可以获取到各种层级关系的DOM,而却不用考虑浏览器的兼容性.但有时候在做小项目的时候并不需要引入JQ,而又不想频繁繁 ...

  6. js操作string它substr方法

    substr 方法 从指定的指定起始位置的长度返回一个子. stringvar.substr(start [, length ]) 參数 stringvar 必选项. 要提取子字符串的字符串文字或 S ...

  7. 纯JS操作获取桌面路径方法

    //active 控件获取当前用户的桌面的路径的方法 var wsh = new ActiveXObject("wscript.shell"); listall(wsh.Speci ...

  8. js 操作数组的一些方法

    1.从数组中获取最大的数 function getMaxfromarr(arr) { var lasti = 0; for (var i = 0; i < arr.length; i++) { ...

  9. 分步引导中,Js操作Cookie,实现判断用户是否第一次登陆网站

    上一篇介绍了分布引导插件IntroJs的使用,本篇介绍通过Js操作cookie的方法. 分步引导的功能只适合与第一次登陆网站的新用户,不能每次登陆都提示分布引导,那么如何判断用户是否第一次登录网站呢? ...

随机推荐

  1. 在独立的 Root 和 Home 硬盘驱动器上安装 Ubuntu

    安装 Linux 系统时,可以有两种不同的方式.第一种方式是在一个超快的固态硬盘上进行安装,这样可以保证迅速开机和高速访问数据.第二种方式是在一个较慢但很强大的普通硬盘驱动器上安装,这样的硬盘转速快并 ...

  2. Windows 10配置VS Code C++环境(超详细,面向小白以及大佬们)

    看完这个,还有下一篇:门在这 我看了网上的大佬们配的我是在是看不懂啊?我是一个小白啊?这太难了,这阻挡不了我,想使用这很骚的IDE,于是在不断的摸索下,终于配置成功,小白们也不用慌,这次非常简单.一定 ...

  3. 图论--网络流--最大流 POJ 2289 Jamie's Contact Groups (二分+限流建图)

    Description Jamie is a very popular girl and has quite a lot of friends, so she always keeps a very ...

  4. vue后台管理系统介绍

    项目GitHub地址:https://github.com/Little-Orange7/cmms-vue 一.简介 很多公司稍微复杂一点的业务,基本上都需要后台管理系统,来对业务进行各个维度的统计. ...

  5. C语言程序报告五

    C程序设计实验报告 姓 名:赖瑾 实验地点:家 实验时间: 2020年4月21日 实验项目:6.3.1练习1 编写由三角形三边求面积的函数 6.3.1练习2 编写求N阶乘的函数 6.3.1练习3 求两 ...

  6. [LiDAR数据模拟]系列(2) HELIOS的TLS点云模拟流程

    关键词:地基激光雷达 点云模拟 XML文件 作者:李二 日期:07/05/2020 - 08/05/2020 我目前仅仅使用了TLS模式进行模拟,所以先讲一下TLS的模拟经验. ALS和MLS的模拟, ...

  7. 单元测试中使用Spring的ReflectionTestUtils更方便

    1 简介 ReflectionUtils是Spring中一个常用的类,属于spring-core包:ReflectionTestUtils则属于spring-test包.两者功能有重叠的地方,而Ref ...

  8. Qt源码解析之-从PIMPL机制到d指针

    一.PIMPL机制 PIMPL ,即Private Implementation,作用是,实现 私有化,力图使得头文件对改变不透明,以达到解耦的目的 pimpl 用法背后的思想是把客户与所有关于类的私 ...

  9. JPA与hibernate-------JPA

    ORM概述 ORM(Object-Relational Mapping) 表示对象关系映射.在面向对象的软件开发中,通过ORM,就可以把对象映射到关系型数据库中.只要有一套程序能够做到建立对象与数据库 ...

  10. 【Hadoop离线基础总结】oozie任务串联

    目录 需求 1.准备工作目录 2.准备调度文件 3.开发调度的配置文件 4.上传资源文件夹到hdfs对应路径 5.执行调度任务 需求 执行shell脚本 → 执行MR程序 → 执行hive程序 1.准 ...