首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS-DOM2级封装练习题--点击登录弹出登录对话框

document.getElementById('login_box'), close = document.getElementById('close'); // 封装添加事件监听程序,封装到一个函数addEvent,...} } // 显示登录层函数 function showLogin() {//普通的通过js操作css样式的代码,只不过定义成了一个函数封装起来一会方便调用。...// 执行代码 login_box.style.display = "block"; } // 隐藏登录层函数 function hideLogin() {...// 执行代码 login_box.style.display = "none"; } //点击登录按钮显示登录层 // 执行代码 addEvent(login_btn...,'click', showLogin);//调用函数,传三个参数,分别是要承载、执行事件的按钮id变量名,事件名称-不加on,触发这个事件后会调用或执行的函数(名) //点击关闭按钮隐藏登录

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

    js点击按钮返回页面顶部

    22 03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮...,点击按钮返回顶部,并且有一定的效果。...即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...点击a标签即会返回到顶部div所在位置 再来看第二种方式 第二种方式相对来说比较人性化,看起来也比较舒服,直接先来看代码吧 落帆亭博客专注web前端开发 <a class...,此事件需要进入jquery.js文件,点击之后滚动条会有一个滚动过程,不是一下子回到顶部,个人感觉不错。

    25.1K10

    防止按钮暴力点击怎么实现

    解决思路 第一种方法:在规定时间内将按钮禁用的方法 1.主要思想就是禁止用户在一定的时间多次点击,在一定时间内将按钮禁用,用定时器实现,一定时间之后用户可再次点击。...commons.save") }} return { is_click: false, } handleInspectionItemSave() { //按钮防止暴力点击...下面这种效果是点击第一次后还能再点击,但是只会保存一次。...造成重复提交原因 由于AJAX提交数据为异步提交,所以当我们点击提交按钮是通过xmlhttprequest向服务器发送异步请求,发送请求需要有处理时间,我们第一次点击的请求尚未完成,就有接二连三的又提交了几次...效果:第一次点击立即执行,后面的点击每隔一段时间执行一次。 那除了上面的一种方法之外,还有其他的方法可以解决防止按钮重复点击吗?答案是有的,下面再来看看其他的思路。

    22600

    JS逆向之国航登录

    分享另一个破解JS登录的案例 抓包 网站如下:http://www.airchina.com.cn/www/jsp/userManager/login.jsp 下面是登录的抓包: ?...因为 JS 代码一般是根据输入框的 id 标签取相应的值,然后做加密! ? id标签 搜索结果如下: ? 结果 猜测应该是 RSA 加密! 分析 在加密的位置打上断点,重新发请求: ?...其中 RSAUtils 是一个对象,encryptedString 是该对象的函数,所以我们先将这个对象的定义找出来。...点击该函数进入,可以发现 RSAUtils 的定义及其相应的函数都在这个 JS 文件,直接一把梭,将该文件JS 代码全部复制下来吧: ?...所以也将bodyRSA 函数对应的的 JS 代码复制下来。最终本地 JS 文件内容如下: ? 最后,自己写个 JS 函数,执行一下,并和抓包的数据进行对比验证结果: ?

    1.4K60

    对抗蠕虫 —— 如何让按钮不被 JS 自动点击

    在社交网络里,很多操作都是通过点击按钮发起的,例如发表留言。...那么有没有一种机制,让「发表留言」必须通过用户的「真实点击按钮才能完成,而无法通过脚本自动实现?这样就能减缓蠕虫传播速度了。...除非,用户在点击按钮时会产生一个「特殊数据」,让后端校验它。 但是,XSS 也可以直接调用按钮元素的 click 方法,这样效果和用户点击仍然一样。后端仍无法识别是「脚本点的」还是「用户点的」。...这里为简单,省略了登录态;真实场合下,会话 Cookie 是 HttpOnly 的,无法被 JS 获取到,也就无法让第三方服务器代替发表。...细节: 使用者加载 safebutton.js,引入 SafeButton 类 使用者实例化 SafeButton 对象 A,创建出一个不同源的 iframe 作为按钮界面 用户点击 iframe 按钮

    9.2K60

    JS实现一键点击按钮复制文本

    背景描述现在有这样一个需求,想要在页面实现点击按钮,一键复制指定列表字段内容的操作,就像这样的效果复制成功之后的内容在Notepad++ 粘贴可以看到正式列表链接地址字段的内容,那么如何实现一键点击按钮复制指定列字段内容的操作呢...JS代码实现首先来看页面按钮点击事件对应的方法在点击 复制链接 按钮时需要传入您想要复制的字段内容,这里通过 row.url 取值 copylink() 方法内容如下function copylink(...textarea"); // 保存当前焦点元素 var currentFocus = document.activeElement; // 将textarea添加到body...总结总的来说这个基于 JavaScript 实现页面点击按钮一键复制文本的操作还是比较简单的,但是可能功能不太常用,容易遗忘。

    19620
    领券