按钮

web页面禁用右键、禁用左键、禁止查看源代码、禁用触摸板

半世苍凉 提交于 2020-04-07 03:12:55
在网页中禁用右键,能够直接的保护页面的源码,禁止用户右键查看原代码。这只是从最基础来预防,有备而来的黑客还是可以轻而易举的拿到代码,保险的还是从代码层级保护代码。 1、众所周知的鼠标 click 事件。示例: <!DOCTYPE html> <html > <head> <meta charset="utf-8"> <title>禁用右键</title> </head> <body> 点我一下试试!! <div > </div> <script> function click(){ if(event.button === 2){ alert( '您点击了鼠标右键 !!'); // return false; } else if(event.button === 1){ alert( '您点击了鼠标中键 !!'); // return false; } else if(event.button === 0){ // alert( '您点击了鼠标左键 !!'); return false; } } document.onmousedown=click </script> </body> </html> return false之后会禁用当前鼠标的状态。但是连续单击鼠标左键和右键便又可以看到右键菜单了。 2、有一种方法区别于第一种方法,就是从dom的属性起到限制的作用

常用 js代码集锦

时光总嘲笑我的痴心妄想 提交于 2020-04-07 02:30:29
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"><!-- if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 // --></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!

常用 js代码集锦

半世苍凉 提交于 2020-04-07 01:47:43
document方法: getElementById(id) 返回指定结点的引用 getElementsByTagName(name) 返回文档中所有匹配的元素的集合 createElement(name) 创建指定类型的新结点 createTextNode(text) 创建一个纯文本结点 element方法: getAttribute(id) 返回指定属性的值 setAttribute(id,value) 给属性赋值 removeAttribute(id) 移除指定属性和它的值 getElementsByTagName(name) 返回结点内所有匹配的元素的集合 node方法: appendChild(child) 给指定结点添加一个新的子结点 removeChild(child) 移除指定结点的子结点 replaceChild(newChild,oldChild) 替换指定结点的子结点 insertBefore(newChild,refChild) 在同一层级的结点前面插入新结点 hasChildNodes() 如果结点有子结点则返回true node属性: nodeName 以字符串的格式存放结点的名称 nodeType 以整型数据格式存放结点的类型 nodeValue 以可用的格式存放结点的值 parentNode 指向结点的父结点的引用 childNodes

尚筹网项目第四天 2020-04-04 09:49:55

给你一囗甜甜゛ 提交于 2020-04-07 01:38:31
本笔记大多来源于尚硅谷【封捷老师讲的尚筹网项目】 视频地址: 尚硅谷尚筹网项目视频教程 下载链接:https://pan.baidu.com/s/1WOLG7b4yHkQfSMu3fMsOBA 提取码:s5gw 目标:实现对角色的增、删、改、查【基于ajax{地址栏不变}】 1、角色分页 1.1目标 将角色信息分页显示 1.2思路 1.3代码 创建页面role-page.jsp <%-- Created by IntelliJ IDEA. User: 25017 Date: 2020/4/6 Time: 13:46 To change this template use File | Settings | File Templates. --%> <%-- Created by IntelliJ IDEA. User: 25017 Date: 2020/3/23 Time: 12:44 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="UTF-8"> <%@include file="/WEB-INF

使用JavaScript在文本框中的Enter键上触发按钮单击

梦想的初衷 提交于 2020-04-07 00:30:23
问题: I have one text input and one button (see below). 我有一个文本输入和一个按钮(见下文)。 How can I use JavaScript to trigger the button's click event when the Enter key is pressed inside the text box? 当在文本框中按下Enter键时,如何使用JavaScript 触发按钮的click事件 ? There is already a different submit button on my current page, so I can't simply make the button a submit button. 当前页面上已经有一个不同的“提交”按钮,因此我不能简单地将该按钮设为“提交”按钮。 And, I only want the Enter key to click this specific button if it is pressed from within this one text box, nothing else. 而且,如果 只 从一个文本框中按下该按钮,我 只 希望按Enter键即可单击该特定按钮,没有别的。 <input type="text" id="txtSearch" />

网页中使用js调用百度地图

风流意气都作罢 提交于 2020-04-06 18:01:24
首先得申请一个秘钥,步骤如下:1.百度搜索“ 百度地图开放平台”。 2.然后填写账号登录,没有账号就注册一个,非常简单没什么可说的。3.选择“我的应用”然后创建一个应用。 我们是网页调用,类型默认选服务器浏览器都行,有很多服务默认勾选的一般都足够我们使用了。填完之后提交。 4.然后查看我的应用,复制你的AK。 5.在你的jsp或者html引入链接,就可以调用百度地图接口了。 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=秘钥"></script>//直接访问一下可以看到返回了一堆js。6.示例。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} #allmap{height:600px;width:1200px;} #r-result{width

纯html加css的键盘UI效果图

放肆的年华 提交于 2020-04-06 13:38:36
先上效果图: 没有打字的功能,纯属是个界面图(一时无聊写的) 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>键盘ui </title> </head> <style type="text/css"> *{ margin: 0; padding: 0; font-family:"comic sans ms"; } body{ text-align: center; } button{ width: 62px; height: 59px; background-color: white; font-size: 14px; text-align: center; border: 2px solid black; border-radius: 5px; margin: 2px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor:pointer; } button:hover{ box-shadow: 0px 4px 4px 4px rgba(79, 239, 239, 61),2px 4px 4px 0px rgba(0, 255, 255, 61); border: 1px solid

websocket

[亡魂溺海] 提交于 2020-04-06 10:57:09
目录 1.1 websocket原理 1.2 websocket使用 1.3 websocket心跳包机制 1.1 websocket原理 1、什么是webSocket?   1. webSocket是一种在单个TCP连接上进行全双工通信的协议         2. 客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。   3. 浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输    远古时期解决方案就是轮训: 客户端以设定的时间间隔周期性地向服务端发送请求,频繁地查询是否有新的数据改动(浪费流量和资源) 2、webSocket应用场景?   1. 聊天软件: 最著名的就是微信,QQ,这一类社交聊天的app   2. 弹幕: 各种直播的弹幕窗口   3. 在线教育: 可以视频聊天、即时聊天以及其与别人合作一起在网上讨论问题… 3、图解http与webSocket比较   1. 浏览器通过 JavaScript 向服务端发出建立 WebSocket 连接的请求   2. 在 WebSocket 连接建立成功后,客户端和服务端就可以通过 TCP连接传输数据。   3. 因为WebSocket 连接本质上是 TCP 连接,不需要每次传输都带上重复的头部数据    4、websocket原理   1.

Widget

扶醉桌前 提交于 2020-04-06 02:34:12
Android Widget Android提供了大量的UI控件,使用这些UI控件可以减少工作量,并一定程度上美化网站(以拯救程序员的贫穷审美观) 控件的属性 通常,宽高是必须配置的属性 android:layout_width="xxdp"//宽度 android:layout_height="xxdp"//高度 width和height有两个特殊属性match_parent和warp_content,前者指定控件的大小由父布局决定,后面指定控件大小刚好包含住里面的内容 下面是一些非必须的共有属性 android:id="@+id/your_id"//添加ID android:text="Text"//文本 android:gravity="start"//内部(文字)的对齐方式 android:visibility="visible"//可见性 android:ellipsize="end"//文本缩略方式 android:paddingxxxx="10dp"//边缘留白 文本对齐的可选值有top bottom start end center 可以用“|”来同时指定多个值,另外,在新标准中,left和right被start和end代替,应该避免使用它们 可见性的可选值有visible(默认),invisible,gone。visible表示控件可见

Vue.js动画在项目使用的两个示例

廉价感情. 提交于 2020-04-06 01:11:19
欢迎大家关注 腾讯云技术社区-博客园官方主页 ,我们将持续在博客园为大家推荐技术精品文章哦~ 李萌,16年毕业,Web前端开发从业者,目前就职于腾讯,喜欢node.js、vue.js等技术,热爱新技术,热爱编程。 vue.js 的文档对于动画的使用做了很多的介绍,不熟悉的小伙伴可以先 了解一下 。 下面就进入正题啦! 第一个动画示例: 这其实是一个很常见的弹出层效果,鼠标点击按钮切换弹出层的显示,点击其他区域弹出层消失,用javascript绑定事件可能几行代码就搞定了,但是 vue.js 的状态驱动模式和javascript的事件驱动模式是不同的,下面是使用 vue.js 的实现方式: 鼠标点击button会切换一个布尔值show,用show来控制弹出层的显示,而包裹着 <transition> 标签的弹出层在show的状态改变时就会触发动画,下面就可以用css3写一个弹出层的动画: 关于不同的过渡状态对应的css声明,官网上是这样解释的: v-enter : 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。 v-enter-active : 定义进入过渡的结束状态。在元素被插入时生效,在 transition/animation 完成之后移除。 v-leave : 定义离开过渡的开始状态。在离开过渡被触发时生效,在下一个帧移除。 v-leave-active :