zoukankan      html  css  js  c++  java
  • js改变标签属性与js事件

    一、

     1.js中是如何改变标签属性的?

      元素.属性名

     列:要用js改变img标签src属性的属性值,可以这样写

      var img=document.getElementById("img")

      img.src="新图片路径"

      这样就可以了

     2.js添加和修改css样式

      用style来完成

      div.style.width="200px"

    二、js事件

      js常用的事件有很多,必须要牢记js中的事件,然后合理使用

      鼠标事件

    属性 描述
    onclick 点击事件
    oncontextmenu 鼠标右击事件
    ondblclick 双击事件
    onmousedown 鼠标按下
    onmouseup 鼠标松开
    onmouseenter 鼠标进入
    onmouseleave 鼠标离开
    onmousemove 鼠标移动
    onmouseover 鼠标进入
    onmouseout 鼠标离开

      键盘事件

    属性 描述
    onkeydown 键盘按键被按下
    onkeypress 键盘按键按下并松开
    onkeyup 键盘按键被松开

      框架/对象(Frame/Object)事件

    属性 描述
    onabort 图像的加载被中断
    onbeforeunload 该事件在即将离开页面(刷新或关闭)时触发
    onerror 在加载文档或图像时发生错误
    onhashchange 该事件在当前 URL 的锚部分发生修改时触发
    onload 一张页面或一副图像完成加载时触发
    onpageshow 该事件在用户访问页面时触发
    onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
    onresize 窗口或框架被重新调整大小。
    onscroll 当文档被滚动时发生的事件。
    onunload 用户退出页面。

      表单事件

    属性 描述
    onblur 表单失焦
    onchange 表单内容改变时触发
    onfocus 表单获取焦点
    onfocusin 元素即将获取焦点时触发
    onfocusout 元素即将失去焦点时触发
    oninput 用户在表单输入内容时触发
    onreset 表单重置时触发
    onsearch 用户向搜索域输入文本是触发
    onselect 用户选取文本时触发
    onsubmit 表单提交时触发

      除此之外还有好多事件,以后再补充

    QQ:2239081756

    微信:14797499722

  • 相关阅读:
    不叹惜、不呼唤我也不哭泣
    WCF笔记(一)Service Layer and Channel Layer
    C#数据结构(四)树和二叉树
    Python and django(四)详解python中的数字和序列
    Python and django(三)python中的对象
    IIS与ASP.NET Http Runtime Pipeline
    迈进程序员的大门
    实例学习SSIS(四)使用日志记录和错误流重定向
    DbUtility alpha1版本发布
    关于ref和out的详细区别。
  • 原文地址:https://www.cnblogs.com/yangzhiqiang/p/9879007.html
Copyright © 2011-2022 走看看