首页
学习
活动
专区
圈层
工具
发布

JavaScript之Dom、事件,案例

将 HTML 文档的各个组成部分,封装为对象。借助这些对象,可以对 HTML 文档进行增删改查的动态操作。 3.2、Element元素的获取操作 具体方法 代码实现 对象 Element:元素对象 Attribute:属性对象 Text:文本对象 元素的操作 getElementById() getElementsByTagName...5.2、添加功能的分析 为添加按钮绑定单击事件。 创建 tr 元素。 创建 4 个 td 元素。 将 td 添加到 tr 中。 获取文本框输入的信息。 创建 3 个文本元素。...("tb"); table.appendChild(tr); } 5.4、删除功能的分析 删除功能介绍 删除功能分析 为每个删除超链接添加单击事件属性...5.5、删除功能的实现 //二、删除的功能 //1.为每个删除超链接标签添加单击事件的属性 //2.定义删除的方法 function drop(obj){ //3.获取table元素 let table

2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    超链接的lvha原则

    一.lvha 实际上应该是lvfha,即: a:link {/* 未访问过的超链接的样式 */} a:visited {/* 访问过的超链接的样式 */} a:focus {/* 拥有焦点的超链接的样式...*/} a:hover {/* 鼠标悬停的超链接的样式 */} a:active {/* 被用户输入激活的超链接的样式 */} 这5个都是伪类,表示5种状态,其中link与visited是超链接专用的...CSS3选择器的更多信息,请查看CSS选择器分类总结 三.a标签的6种状态 lvfha伪类给超链接提供了5种状态,第6种是指锚点,而不是超链接 link伪类存在的意义之一就是把超链接与锚点区分开,link...未访问过的超链接 */} a:visited {/* 访问过的超链接,点击超链接再返回当前页,这个超链接就处于visited状态 */} a:focus {/* 获得焦点的超链接,tab键选中超链接或者长按超链接再移开鼠标...*/} a:hover {/* 鼠标悬停的超链接,鼠标经过超链接时或悬停在超链接上时,这个超链接就处于hover状态 */} a:active {/* 处于激活状态的超链接,鼠标在超链接上按下时 */

    5K30

    学习jQuery这一篇就够了

    jQuery 核心对象:即执行 jQuery 核心函数返回的对象,jQuery 对象内部包含的是 dom 元素对象的伪数组 (可能只有一个元素),jQuery 对象拥有很多有用的属性和方法,让程序员能方便的操作...dom,调用 jQuery 对象的任何方法后返回的还是当前 jQuery 对象。...数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从 0 到 length - 1,其他对象通过其属性名进行迭代。...需求描述:为按钮添加单击事件,当按钮单击的时候,向控制台输出 “按钮被单击了” 按钮 $('button').on('click',function () {...需求描述:为 ul 下的所有 li 添加单击事件,要求将该单击事件委托给 ul,当单击 li 时,所对应的 li 背景变为红色 1111 2222</

    4.5K50

    使用JS将table表格导出为excel

    var a = document.createElement("a");    //创建a标签15      a.download = "企业反映问题诉求汇总表.xls";  //设置被下载的超链接目标...3在空白右键单击并且新建,选择“DWORD(32-位)值(D)”。此时列表下会出现一个”新值#1“的项。...4选中”新值#1“右键单击,选择“重命名”,将名字改为“ExtensionHardening”,注意区分大小写。 5选中刚刚修改的“ExtensionHardening”,右键单击“修改”。...document.createElement("a");    //创建a标签                a.download = "企业反映问题诉求汇总表.xlsx";                //设置被下载的超链接目标...对象,然后利用URL.createObjectURL下载      function sheet2blob(sheet, sheetName) {          sheetName = sheetName

    11.4K30

    HTML中的超链接

    超链接:也叫URL(Uniform Resource Locator),就是统一资源定位器。一般效果是我们点击网页上某个地方,网页会自动跳转到另外一个地方。...最常见的类型是 http    host - 定义域主机(http 的默认主机是 www)    domain - 定义因特网域名,比如 w3school.com.cn    :port - 定义主机上的端口号...(http 的默认端口号是 80)    path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。    ...filename - 定义文档/资源的名称   注意:Scheme 定义的服务类型为:      http 超文本传输协议 以 http:// 开头的普通网页。不加密。      ...实际上在网页开发中,我们用到的就是来定义超链接的路径 一、http 链接: 百度 二、本地链接: <a

    6.8K50

    双击事件与单击事件的那些事

    双击事件与单击事件的那些事 前言 项目遇到了双击事件会同时触发单击事件的bug,还是简单记录一下。 心里话:日更太累了。以前都是单独花好几天的时间去看别人的博客,看很多博客后再慢慢输出。...但是需求是单击和双击不同的处理,所以双击的时候不应该触发单击事件。 解决方案 思路:可以使用函数防抖的做法,单击事件触发后,开启一个定时器,双击事件触发的话就清除定时器。...el-checkbox使用注意点 双击事件和单击事件的问题处理完了,再加上一下下项目的踩坑点。 el-checkbox没有事件对象,平常的事件对象在el-checkbox上是布尔值,表示是否选中。...checked.value; } 图片 可以在直接修改绑定值的同时,手动调用change事件的处理函数来模拟触发change事件,不过,事件对象的传参就不太好模拟了。...当然,如果使用的是el-checkbox的话,因为它没有事件对象,而是布尔值,所以只需要把checkbox当前绑定的值传过去即可。

    5.7K30

    Struts 1基础入门

    res 当前HTTP响应对象 在上述代码的execute方法中,我们首先从封装了表单数据的LoginForm中取出登录名和登录密码,然后调用AdminDao对象的checkLogin方法进行登录验证...list.jsp,首先从request对象中取出集合对象,然后通过循环把集合中的管理员信息输出到页面上,参考代码如下所示。...在管理员列表里,单击每行后边的【​删除​】 超链接可以删除本行的管理员 ​实现步骤​ (1) 在AdminDao类中增加一个使用JDBC删除管理员的方法delAdmin() (2) 在视图list.jsp...在管理员列表页面增加【​修改​】超链接,当用户单击某个【​修改​】超链接时跳转到修改密码页面,在这个页面用户必须先输入原密码,然后再输入两次新密码。如果原密码正确才进行修改。...(2) 管理员列表页面中的【修改】超链接把选择的管理员的id传到ModifyAction。

    1.8K10

    Python爬虫基础:常用HTML标签和Javascript入门

    在HTML代码中,a标签表示超链接,使用时需要指定链接地址(由href属性来指定)和在页面上显示的文本,用法为: 点这里 (4)img...td>第一行第二列td> td>第二行第一列td> td>第二行第二列td> ...但有些JavaScript代码需要在特定的时机才可以运行,例如本节第一段代码,只有单击页面的按钮之后才会执行okClick属性指定的JavaScript代码,这种机制叫做事件驱动。...当网页中包含标签时,会自动建立image对象,网页中的图像可以通过document对象的images数组来访问,或者使用图像对象的名称进行访问。...例如,把下面的代码保存为文件index.html,此时页面上会显示图像文件1.jpg的内容,单击该图像时会切换成为2.jpg的内容。

    2.6K10

    html & CSS & JavaScript的学习

    概念: 是最基础的网页开发语言 * Hyper Text Markup Language 超文本标记语言 * 超文本: * 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本...链接标签: * a:定义一个超链接 * 属性: * href:指定访问资源的URL(统一资源定位符) * target:指定打开资源的方式...* 如何绑定事件: 1.直接在html标签上,指定事件的属性(操作),属性就是js代码; 事件:onclick---单击事件 2.通过js获取元素对象,...-- 1.获取图片对象 2.绑定单击事件 3.每次点击切换图片 *规则: *...Node:节点对象,其它5个的父对象 * 特点:所有dom对象都可以被认为是一个节点 * 方法: * CRUD dom树:(增删改查) * appendChild():向节点的子节点列表的结尾添加新的子节点

    7.1K21

    JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战(动态添加删除表格)

    3)Node对象,是其他5个对象的父对象 特点:所有dom对象都可以被认为是一个节点; 方法:1、CRUD dom树:                     appendChild(),向节点的子节点列表的结尾添加新的子节点...,通过元素属性的className属性来设置class的属性值,应用较多; 5、动态表格案例实战 1)添加表格的实现思路: * 1、给添加按钮绑定单击事件 * 2、获取文本框内容 * 3、创建td,设置...td的文本为文本框的内容 * 4、创建tr,将td添加到tr中 * 5、获取table,将tr添加到table中 2)删除表格的实现思路: * 1、确定点击的是哪一个超链接 * 2、再删除 <...* 2、获取文本框内容 * 3、创建td,设置td的文本为文本框的内容 * 4、创建tr,将td添加到tr中 * 5、获取table,将...tr添加到table中 * 删除: * 1、确定点击的是哪一个超链接 * 2、再删除 * */ document.getElementById

    3.2K40

    WPF中控件单击双击冲突的解决方案

    当你在设置一个按钮要单击又要双击的时候[按正常来说就是两个事件] 事件创建好后,单击控件还正常,就进入单击事件 当双击时,你会发现,它会先去单击事件,随后进入双击事件,就很头痛 【上才艺,花手摇起来】...= 0; ChannelIsDoubleClick = true; DoubleClickCommand(); } } /// /// 单击...) { } /// /// 双击 /// private void DoubleClickCommand() { } Copy 实现 //正常操作 按钮的对象....PreviewMouseLeftButtonDown +=Button_PreviewMouseLeftButtonDown; //带参操作【事件方法上也得定义参数哦】 按钮的对象.PreviewMouseLeftButtonDown...delegate (object sender, MouseButtonEventArgs e) {Button_PreviewMouseLeftButtonDown(sender, e, 【这里是传过去的参数

    3.3K40
    领券