首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

那么有没有一种机制,「发表留言」必须通过用户的「真实点击」按钮才能完成,而无法通过脚本自动实现?这样就能减缓蠕虫传播速度了。...除非,用户在点击按钮时会产生一个「特殊数据」,后端校验它。 但是,XSS 也可以直接调用按钮元素的 click 方法,这样效果和用户点击仍然一样。后端仍无法识别是「脚本点的」还是「用户点的」。...这里为简单,省略了登录态;真实场合下,会话 Cookie 是 HttpOnly 的,无法被 JS 获取到,也就无法第三方服务器代替发表。...细节: 使用者加载 safebutton.js,引入 SafeButton 类 使用者实例化 SafeButton 对象 A,创建出一个不同源的 iframe 作为按钮界面 用户点击 iframe 按钮后...,内部变量 S 置为 true,同时将点击消息告知主页面(postMessage) 主页面收到消息后, A 产生 onclick 事件 使用者将 HTTP 请求数据,通过 A 的 send 方法扔给

9.2K60

原生js怎么为动态生成的标签添加各种事件

这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何给动态生成的标签添加事件?...因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?...我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来。 <!...('a').appendChild(myp); alert(document.getElementsByTagName('p')[0]) myp.innerHTML = '我是新建的p<em>标签</em>...'; document.getElementsByTagName('p')[0].onclick = function(){ alert('我是p的点击事件') } } </script

8K50

H5 项目实用

-webkit-user-select: none;user-select: none; ---- 9、H5页面想禁止长按链接或长按图片后弹出菜单,怎么办?... ---- 18、屏幕旋转横屏竖屏切换时,想禁止文本缩放,怎么办?...会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样,可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果; //winphone系统,点击标签产生的灰色半透明背景...对于按钮类还有个办法,不使用a或者input标签,直接用div标签 a,button,input,textarea { -webkit-tap-highlight-color: rgba(0,0,0,0...iframe(阻塞父文档onload事件) //2.禁止使用gif图片实现loading效果(降低CPU消耗,提升渲染性能) //使用CSS3代码代替JS动画; //开启GPU加速; //使用base64

5.2K11

移动端web开发笔记

不过我们可以通过这个meta标签禁止它: 百度SiteApp转码声明 4、设置状态栏的背景颜色...a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0)} 7、部分android系统中元素被点击时产生的边框怎么去掉 android...,直接用div标签 8、winphone系统a、input标签点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" content="no...如果不希望开启此功能,我们可以通过input<em>标签</em>属性来关闭掉: 14、 <em>禁止</em>文本缩放 当移动设备横竖屏切换时,文本的大小会重新计算...19、如何<em>禁止</em>保存或拷贝图像(IOS) 通常当你在手机或者pad上长按图像 img ,会弹出选项 存储图像 或者 拷贝图像,如果你不想<em>让</em>用户这么操作,那么你可以通过以下方法来<em>禁止</em>: img {

3.6K20

2016.06 第一周 群问题分享

,可以不设置 minimum-scale=1.0 和 maximum-scale=1.0 来强制禁止缩放了。...怎么iPhone手机自动识别电话号码时,电话号码不改变颜色 2016.05.30~2016.06.03 核心概念 meta标签、a标签 参考答案 页面头部添加meta标签禁止iPhone手机自动识别电话号码...联系人:18888888888 在iPhone手机下,如果页面中有一串数字(可能是电话号码),它会被自动识别出来,认为它是电话号码,点击数字就能实现拨打电话功能...加了meta标签禁止iPhone手机自动识别的功能,这样页面中里面的数字不会被识别,数字(数字被识别成电话号码)的颜色就不会改变了。这样的话我们要实现拨打电话的功能该怎么办呢?...JavaScript null和undefined有什么区别 2016.05.30~2016.06.03 核心概念 JS基本数据类型 参考答案 字面的含义 从字面上来理解undefined和null其实相对比较简单

84470

第135天:移动端开发经验总结

不过我们可以通过这个meta标签禁止它: 3、移动端手机号码识别(IOS)   在 iOS...:  dooyoe@gmail.com 5、 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉         ios用户点击一个链接...{-webkit-tap-highlight-color: rgba(0,0,0,0;)} 6、 webkit表单元素的默认外观怎么重置 .css{-webkit-appearance:none;} 7...; } 9、 如何禁止保存或拷贝图像(IOS) 通常当你在手机或者pad上长按图像 img ,会弹出选项存储图像 或者拷贝图像,如果你不想用户这么操作,那么你可以通过以下方法来禁止: img { -...11、 android 上去掉语音输入按钮 input::-webkit-input-speech-button {display: none} 12、移动端基础框架 zepto.js语法与jquery

1.6K30

了解一些额外知识,前端开发锦上添花

劝了别人无数次,别人喝了鸡汤,帮别人填坑,自己却掉了坑 1.前言 在前端学习里面,很多人都是注重学习代码(html,css,js)。...了解这些,对开发的时候可能遇到的问题,就可以大概知道问题是怎么产生的,更快的知道怎么解决,避免。 2-1.请求 首先一个请求,包含有请求头,请求行,请求正文。...状态码 意义 200 请求成功 400 参数错误 403 拒绝或者禁止访问(无权限访问) 404 地址不存在 405 客户端请求中的方法被禁止(一般是请求方式错误) 500 服务器报错 502 请求超时...比如搜索的文本框,除了可以输入一些关键字,还可以输入一些 JavaScript 代码,一旦代码点击搜索,代码就会被执行,达到攻击的目的。...8-4.img标签四大属性不能省 alt属性是为了图片因网速慢、src引用错误、浏览器禁用图像、用户使用屏幕阅读器等情况

61230
领券