按钮

深入理解JS函数中this指针的指向

走远了吗. 提交于 2019-12-17 11:10:41
函数在执行时,会在函数体内部自动生成一个this指针。谁 直接调用 产生这个this指针的函数 ,this就指向谁。 怎么理解指向呢,我认为指向就是等于。例如直接在js中输入下面的等式: console.log(this===window);//true 情况不同,this指向的对象也不同。例如: 1. 函数声明的情况 var bj=10; function add(){ var bj=20; console.log(this);//window console.log(this.bj);//10 console.log(bj);//20 console.log(this.bj+bj);//30 } add(); window.add(); (1) 执行了add()之后,此时的this指向的是window对象,为什么呢?因为这时候add是全局函数,是通过window 直接调用 的。所以下面我专门写了个window.add()就是为了说明,全局函数的this都是指向的window。 (2) 就像alert()自带的警告弹窗一样,window.alert()执行之后也是一样的效果。所以只要是 window点 这种调用方式都可以省略掉,因此警告弹窗可以直接使用alert()。 2. 函数表达式 var bj=10; var zjj=function(){ var bj=30;

Android service的完全详解

穿精又带淫゛_ 提交于 2019-12-17 06:10:18
Service全部内容基本会在本篇涉及到,我们将围绕以下主要知识点进行分析: Service简单概述 Service在清单文件中的声明 Service启动服务实现方式及其详解 Service绑定服务的三种实现方式 关于启动服务与绑定服务间的转换问题 前台服务以及通知发送 服务Service与线程Thread的区别 管理服务生命周期的要点 Android 5.0以上的隐式启动问题及其解决方案 保证服务不被杀死的实现思路 1.Service简单概述   Service(服务)是一个一种可以在后台执行长时间运行操作而没有用户界面的应用组件。服务可由其他应用组件启动(如Activity),服务一旦被启动将在后台一直运行,即使启动服务的组件(Activity)已销毁也不受影响。 此外,组件可以绑定到服务,以与之进行交互,甚至是执行进程间通信 (IPC)。 例如,服务可以处理网络事务、播放音乐,执行文件 I/O 或与内容提供程序交互,而所有这一切均可在后台进行,Service基本上分为两种形式: 启动状态   当应用组件(如 Activity)通过调用 startService() 启动服务时,服务即处于“启动”状态。一旦启动,服务即可在后台无限期运行,即使启动服务的组件已被销毁也不受影响,除非手动调用才能停止服务, 已启动的服务通常是执行单一操作,而且不会将结果返回给调用方。 绑定状态  

HTML-form表单默认提交行为、数据验证+默认行为阻止与否

穿精又带淫゛_ 提交于 2019-12-17 04:40:30
问题1描述 :   在写form表单时遇到过这种情况:form 表单中的默认类型的按钮点击会提交,如 图1 。 解析 :   这是因为如果 form 中的按钮 默认类型是 submit ,如果不人为设置的话,就会取默认值 。 解决方法:   1.给按钮明确类型   2.把按钮写到 form 表单外,绑定事件,JS提交。 图1 问题2描述 :   在提交 form 表单之前需要验证一下数据的格式正确与否,但是点击按钮之后,绑定的事件还没生效就跳转界面了。 解析 :   此时,button-submit 的执行顺序是在绑定的事件之前的。执行 submit ,就已经跳转界面了,onclick等函数当然不会执行了。 解决办法1:   1.不给 button 设置类型;   2.绑定验证函数,判断是否阻止表单默认提交行为,数据最终由 form 表单提交;( 图2 )   这里的target是另起一个简单页面,只起提供一个提交地址的作用。如 图3 。函数相应之后,如果数据验证不正确,就通过 event.preventDefault() 阻止 button 的默认提交行为,返回 false;如果正确,就返回 true,提交数据。这里案例只验证了是否为空,具体数据格式按个人所需设置。 图2 图3 解决办法2:   1.不给 button 设置类型;   2.绑定验证函数,验证数据,最终由 ajax

js动态加载的蒙板弹框

泪湿孤枕 提交于 2019-12-17 04:17:19
我们访问一些网站时总会遇到这种点击后,背景像被打上一层模板一样,这个是怎么做到的呢? 它是将这个弹框div独立于页面容器wrap,设置position为absolute,将其水平垂直之后都居中,设置弹框div不显示,点击页面的登录按钮时,弹框div显示,并将页面容器的opacity设置0.5,下面的代码是完全动态加载的蒙板弹框。 window.onload = function(){ Wrap = document.createElement("div") Wrap.style.height = window.innerHeight+'px' Wrap.style.background='#06f' Wrap.innerHTML='<button id="button" onclick="ButtonClick()">确认</button>' document.body.appendChild(Wrap) Odiv = document.createElement("div") Odiv.style.border = "1px #ababab solid" Odiv.style.background = '#39f' Odiv.style.height = 200+'px' Odiv.style.width = 300+'px' Odiv.style.position =

jquery改变链接移上光标时的颜色实例

佐手、 提交于 2019-12-17 03:47:38
效果体验 http://hovertree.com/texiao/jquery/18/ 完整代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jquery设置a:hover 颜色样式 - 何问起</title><base target="_blank" /> <meta charset="utf-8" /> <style type="text/css"> a{color:pink;font-size:32px} a.hovertree{text-decoration:none;font-size:32px;color:blue} a.hovertree:visited{color: #333333;} a.hovertree:hover { color: #00FF00; text-decoration:underline; } </style> <script src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script> //改变全部链接颜色 function changeAllHovertree(color)

CSS变化、过渡与动画

人走茶凉 提交于 2019-12-17 03:29:30
CSS 变换 用于在空间中移动物体,而CSS 过渡 和CSS 关键帧动画 用于控制元素随时间推移的变化。 变换、过渡和关键帧动画的规范仍然在制定中。尽管如此,其中大多数特性已经在常用浏览器中实现了。 1.二维变换 CSS变换支持在页面中平移、旋转、变形和缩放元素。 从技术角度说,变换改变的是元素所在的坐标系统。 任何落在元素渲染空间内的像素都会被 畸变场 捕获,然后再把它们传输到页面上的新位置,或改变大小。元素本身还在页面上原来的位置,但它们畸变之后的“影像”已经变换了。 <div class="box"></div> .box { /* 省略 */ width: 100px; height: 100px; background-color: #eee; outline: 1px solid; transform: rotate(45deg); /* 旋转45度角 */ } 页面上元素原来的位置仍然保留了100像素×100像素的空间,但元素上所有的点都被畸变场给变换到了新位置。 旋转后的矩形不会妨碍页面其他部分的布局,就好像根本没有变换过一样。 1.1 变换原点 默认情况下,变换是以元素边框盒子的中心作为原点的。控制原点的属性叫 transform-origin 。 .box { transform-origin: 10px 10px; transform: rotate

使用WPF教你一步一步实现连连看(二)

一笑奈何 提交于 2019-12-17 01:59:03
连连看算法 第一步:我们考虑在同行或者同列的情况: 同行或者同列又分三种情况:   第一:边线,RowNum或者ColNum等于0或者9   第二:两个相邻   第三:同行不相邻,这种事有条件的,所在行(或列)的上下(或左右)紧邻行必须在两个按钮之间已全部消除?好,有出问题了,怎么根据已知的行和列,获取Button是否被消除呢?我们可以 定义一个Button的二维数组。并在初始化的时候给它赋值 MyButton[,] maps=new MyButton[10,10]; maps[i, j] = btn; 好,怎么获取Button是否隐藏已经解决。 同行步相邻的又分是从上侧、右侧和中间连。   第二步:既不同行又不同列的要考虑的更多,东西南北都要考虑到了,而连连看的规则是最多转两个弯, 好了不说了直接上代码了:算法可以自己慢慢琢磨(如果想要最优算法你可以考虑研究下最短路径算法) private bool Check(MyButton btn1, MyButton btn2) { for (int c = 0; c < 10; c++) { if (c != btn1.ColNum && !(btn1.RowNum == btn2.RowNum && btn1.ColNum == c) && maps[btn1.RowNum, c].Visibility == Visibility

前端基础之jquery

落花浮王杯 提交于 2019-12-17 01:52:46
知识预览 一 jquery是什么? 二 什么是jquery对象 三 寻找元素(选择器和筛选器) 四 操作元素(属性,CSS,文档处理) 扩展方法(插件机制) 实例练习 一 jquery是什么? [1] jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 [2] jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! [3] 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 [4] jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。 [5] jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 二 什么是jquery对象? jquery对象是通过jquery包装DOM对象后产生的对象。jquery对象是jquery独有的,如果一个对象是jquery对象,那么他就可以使用jquery里的方法$("#test").html(); $("#test").html() 意思是:获取ID为test的元素内的HTML代码。其中HTML

作业9

吃可爱长大的小学妹 提交于 2019-12-17 01:08:33
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.myapplication.MainActivity"> <LinearLayout android:id="@+id/linearlayout1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="140dp" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="姓名:" android:textSize="55px

js-jquery-SweetAlert2【二】配置与方法

落爺英雄遲暮 提交于 2019-12-17 00:46:31
一、配置 Argument Default value Description title null 模态对话框的标题。它可以在参数对象的 title 参数中设置,也可以在 swal() 方法的第一个参数设置。 The title of the modal, as HTML. It can either be added to the object under the key "title" or passed as the first parameter of the function. titleText null 模态对话框的内容。 The title of the modal, as text. Useful to avoid HTML injection. text null 模态对话框的内容。它可以在参数对象的 text 参数中设置,也可以在 swal() 方法的第二个参数设置。 A description for the modal. It can either be added to the object under the key "text" or passed as the second parameter of the function. html null 对话框中的内容作为HTML标签。如果同时提供 text 和 html 参数,插件将会优先使用