博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
五、JS操作HTML方法
阅读量:5075 次
发布时间:2019-06-12

本文共 1233 字,大约阅读时间需要 4 分钟。

1.js事件

    例如最基本的,onbluer  获得焦点,onchenge  修改文本,onclick  鼠标点击事等等。
这类代码写到标签中,<div οnclick="函数名"></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;

转载于:https://www.cnblogs.com/xu1115/p/10700389.html

你可能感兴趣的文章
《梦断代码》读书笔记(三)
查看>>
Java8 Lambda表达应用 -- 单线程游戏server+异步数据库操作
查看>>
AngularJS学习篇(一)
查看>>
关于Xshell无法连接centos6.4的问题
查看>>
pig自定义UDF
查看>>
spring security 11种过滤器介绍
查看>>
代码实现导航栏分割线
查看>>
大数据学习系列(8)-- WordCount+Block+Split+Shuffle+Map+Reduce技术详解
查看>>
luogu4849 寻找宝藏 (cdq分治+dp)
查看>>
关于源程序到可运行程序的过程
查看>>
C# Async与Await的使用
查看>>
Mysql性能调优
查看>>
iOS基础-UIKit框架-多控制器管理-实例:qq界面框架
查看>>
自定义tabbar(纯代码)
查看>>
小程序底部导航栏
查看>>
poj1611 简单并查集
查看>>
Ubuntu 14.04下安装CUDA8.0
查看>>
跨平台开发 -- C# 使用 C/C++ 生成的动态链接库
查看>>
C# BS消息推送 SignalR介绍(一)
查看>>
WPF星空效果
查看>>